如何動態隱藏和顯示tabpanel中的標籤

Question

我有tabpanel和2項內。我需要動態隱藏或顯示選項卡，並選擇只有一個項目，如果隱藏。

代碼示例

{ 
    xtype : 'tabpanel', 
    items: [ 
      { 
       xtype: 'container', 
       title : 'Group Info' 
      }, 
      { 
       xtype: 'container', 
       title : 'Product Info' 
      }, 
     ] 
    } 

因此，在某些情況下，我不得不隱藏標籤並只顯示產品信息容器...

Answer 1

所以答案是

var tabPanel = Ext.ComponentQuery.query('#myTabPanel'); 
tabPanel = tabPanel[0]; 
tabPanel.getTabBar().hide(); 

Answer 2

先手的標籤和使用方法的引用隱藏http://docs.sencha.com/touch/2.3.1/#!/api/Ext.tab.Panel-method-hide

//function in a controller 

hideTab : function(){ 
    var tab = Ext.ComponentQuery.query('tab[title='Group Info]')[0]; 
    tab.hide() 
}