Sapui5将页面添加到IconTabFilter内容中

时间:2014-12-03 17:16:40

标签: sapui5

我正在尝试将Page添加到IconTabFilter中,但我已经有了,但只有标题会投射在屏幕上。

IconTab视图:

createContent : function(oController) {
    var oPage = new sap.m.Page({title: "IconTab",showHeader: false});
    var oIconTab = new sap.m.IconTabBar ("idTabBar",{});
    var itemBar1 = new sap.m.IconTabFilter({
        key:"tab1",
        icon:"sap-icon://database",
        content:[ new sap.ui.view({id:"idTabIcon",viewName:"prova5.tabIcon1", type:sap.ui.core.mvc.ViewType.JS})
        ]
    })
    oIconTab.addItem(itemBar3);

    oPage.addContent(oIconTab);

    return oPage;

}

IconTabFilter视图的内容:

createContent : function(oController) {
    var oPage =  new sap.m.Page({
        title: "Icon Tab Page 1",
        showNavButton: true,
        navButtonPress: oController.navButtonMethod
    });
    var obutton = new sap.m.Button({text: "hello"});
    oPage.addContent(obutton);


    return oPage; 

}

任何解决方案?

2 个答案:

答案 0 :(得分:1)

在视图中使用sap.m.Page作为createContent函数中的返回值时,会出现问题。如果您的视图中不需要使用sap.m.Page,请尝试返回另一个控件(例如sap.m.FlexBox)。这解决了我的问题。

答案 1 :(得分:0)

尝试检查元素并找出div和      class“ .sapMITBContent ”在Pixel中添加高度约为500px,您将看到页面。