Sencha Touch 2：无法添加tabpanel作为面板中的项目

我想添加一个tabpanel作为面板中的项目，但它不能按预期方式工作。Sencha Touch 2：无法添加tabpanel作为面板中的项目

我已经将tabpanel定义为如下的单独视图。

Ext.define("WU.view.WUTabPanel", { 
    extend: "Ext.tab.Panel", 
    alias: "widget.wuTabPanel", 
    config: { 
      tabBar: { 
        docked: 'bottom' 
       }, 
       items: [ 

        { 
         title: 'Home', 
         iconCls: 'home', 
         html: 'Home Screen', 
        }, 
        { 
         title: 'Send Money', 
         iconCls: 'favorites', 
         html: 'Contact Screen', 

        } 
        ] 

     }, 

});

这是我的主要观点，我试图在Panel中添加tabPanel。

Ext.define('WU.view.WUHomePage', { 
    extend : 'Ext.Panel', 
    requires : [ 'Ext.Toolbar', 'Ext.TitleBar', 'Ext.dataview.List', 'Ext.Ajax', 'Ext.data.proxy.Ajax' ], 
    xtype : 'homePage', 
    alias : 'widget.wuHomePageView', 

    config : { 
     fullscreen : true, 
     title : 'MainMenu', 
     // iconCls : 'mainMenuhome', 
     disabledCls : 'mainMenuhome', 
     items : [ 
       { 
        xtype : 'titlebar', 
        title:'Main Menu', 
        items : [ { 
         text : 'Back', 
         ui:'back', 
         id : 'homePageBack', 
         align : 'left', 
         handler : function(btn) { 
          console.log('HomePaga >> Back to Login'); 
          this.up('homePage').fireEvent('backButtonCommand', this,'homePage'); 
         } 
        } ] 
       }, 
       { 
        xtype : 'list', 
        id : 'mainList', 
        title : 'Sample', 
        height : '100%', 
       }, 
        itemTpl : '<div class = mainList>' 
          '<div class = listArrowImage><img class= mArrowImage src={arrow}></img></div>' 
         </div>', 

       }, 
       { 
        xtype: 'wuTabPanel', 
       }, 
       ], 

    }, 
});

当主页面被渲染时，标签栏不会出现在底部，并留下底部的空心空间。

配置有问题吗？有关如何实现这一部分的更好的想法？在我的应用程序中，有7-8个视图，并且底部都有相同的标签栏。

谢谢。

来源

2013-02-20 Gendaful

您的代码无效 – 2013-07-21 21:43:56

您似乎试图将标题栏，高度100％列表和tabpanel放到一个全屏组件中。标题栏是好的，我敢肯定（如果它是一个停靠的工具栏），但是你的列表正试图占据所有的高度，而没有为tabpanel留下任何东西。记住一个tabpanel不是一个tabbar，它是两个。如果您希望底部栏控制所有主视图，请将您的列表设置为Tabpanel项目之一。

来源

2013-02-21 05:15:41 OhmzTech

Sencha Touch 2：无法添加tabpanel作为面板中的项目

回答

相关问题