主菜单在移动设备上不可见,但在平板电脑上可见

时间:2016-03-31 06:55:35

标签: sapui5

我使用sap.m.SplitApp控件创建了拆分应用。

移动设备:

enter image description here

ipad公司:

enter image description here

2 个答案:

答案 0 :(得分:3)

我认为这是预期的行为。

请参阅此github问题:https://github.com/SAP/openui5/issues/30

其中一位开发人员说

  

SplitApp的行为与"设置" iPhone上的应用程序,其中平板电脑上的主 - 详细结构映射到手机上的线性页面集。因此,不显示" Show Master"按钮。

但是,他们建议如下

  

在手机上没有主按钮,但您应该首先看到主区域并通过选择项目从那里导航到详细区域。

要实现此目的,您可以执行以下操作:您的详细信息页面应包含一个按钮,您可以使用该按钮导航回主视图(仅当设备是手机时才能看到此按钮):

<Page id="detailPage" showNavButton="{device>/isPhone}" navButtonPress="handleNavButtonPress">
</Page>

navButtonPress处理程序在详细信息视图的控制器中实现

handleNavButtonPress: function () {
    var oSplitApp = this.getView().getParent().getParent();
    var oMaster = oSplitApp.getMasterPages()[0];
    oSplitApp.toMaster(oMaster, "flip");
}

我使用的device模型可以按如下方式实施(将此代码放在init

Component.js
var deviceModel = new sap.ui.model.json.JSONModel({
    isPhone: sap.ui.Device.system.phone
});
this.setModel(deviceModel, "device");

有关详细信息,请参阅此资源:http://help.sap.com/saphelp_hanaplatform/helpdata/en/32/5b8edafcfa4c9c8fbd42455a60e379/content.htm

答案 1 :(得分:0)

你们每个人都找到了解决方案: 在XML视图上:你必须将true设置为页面的属性showheader ypu想看按钮导航并实现mavigate的handle方法

<Page id="detail"
        showHeader="true"
       showNavButton = "true"  navButtonPress = "handleNav"