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作爲面板中的項目

回答

相關問題