使tabpanel在另一個tabpanel的選項卡中。在sencha觸摸

Question

即時通訊嘗試使用sencha觸摸一個小應用程序，我有一個tabpanel與佈局卡。當我點擊標籤「產品」卡滑入，但我想要的是，在該卡來了另一個tabpanel，所以人們可以選擇男性和女性之間也佈局卡。 我嘗試了很多東西，似乎沒有任何工作。

Answer 1

試試這個代碼：

 

Ext.regApplication({              
    name : 'MyApp',             
    launch : function(){ 
     window.localStorage.clear(); 
     new MyApp.MainTabPanel({            
      fullscreen : true 
     }); 
    } 
}); 

MyApp.MainTabPanel = Ext.extend(Ext.TabPanel,{ 
    fullscreen: true,  
    tabBar: { 
     dock: 'bottom', 
     scroll: 'horizontal', 
     sortable: true, 
     layout: { 
      pack: 'center' 
     } 
    }, 
    cls: 'card1', 
    html: '', 
    items: [ 
     { iconCls: 'time', title: 'Time', xtype: 'TimeTabPanel'}, 
     { iconCls: 'user', title: 'People', xtype: 'PeopleTabPanel' } 
    ] 

}); 

Ext.reg('MainTabPanel',MyApp.MainTabPanel); 

MyApp.PeopleTabPanel = Ext.extend(Ext.TabPanel,{ 
    fullscreen: true,  
    tabBar: { 
     dock: 'top', 
     scroll: 'horizontal', 
     sortable: true, 
     layout: { 
      pack: 'left' 
     } 
    }, 
    cls: 'card1',  
    items: [ 
      { iconCls: 'user', title: 'Man' , html: 'MAN TAB'}, 
      { iconCls: 'user', title: 'Woman', html: 'WOMAN TAB' } 
    ] 

}); 
Ext.reg('PeopleTabPanel',MyApp.PeopleTabPanel); 

MyApp.TimeTabPanel = Ext.extend(Ext.TabPanel,{ 
    fullscreen: true,  
    tabBar: { 
     dock: 'top', 
     scroll: 'horizontal', 
     sortable: true, 
     layout: { 
      pack: 'left' 
     } 
    }, 
    cls: 'card1',  
    items: [ 
      { iconCls: 'time', title: 'AM', html: 'AM TAB' }, 
      { iconCls: 'time', title: 'PM', html: 'PM TAB' } 
    ] 

}); 
Ext.reg('TimeTabPanel',MyApp.TimeTabPanel);