Как программно скрыть вкладку в TabPanel (ExtJS 3)

Question

Это мой TabPanel код:

внутри кода есть две вкладки (Tab1 и TAB2) в TabPanel (tabs_panel)

MyTabPanelUi = Ext.extend(Ext.TabPanel, { 
    activeTab: 0, 
    height: 210, 
    resizeTabs: true, 
    tabWidth: 266, 
    id: 'tabs_panel', 
    initComponent: function() { 
     this.items = [{ 
      xtype: 'panel', 
      title: 'Project', 
      padding: 20, 
      height: 150, 
      id: 'tab1' 
     }, { 
      xtype: 'panel', 
      title: 'Service', 
      height: 150, 
      padding: 20, 
      id: 'tab2' 
     }] 
    } 
}); 

Я пытаюсь скрыть TAB2 с помощью сильфона кода, но этот сильфон код

var tabPanel = Ext.getCmp('tabs_panel'); 
var tabToHide = Ext.getCmp('tab2'); 
tabPanel.hideTabStripItem(tabToHide); 

, но как-то это выше код не работает для меня. Как я могу исправить проблему?

Answer 1

У вас есть две возможности:

var tabPanel = Ext.getCmp('tabs_panel'); 
tabPanel.hideTabStripItem("tab2"); // with tab id 

или

var tabPanel = Ext.getCmp('tabs_panel'); 
tabPanel.hideTabStripItem(1); // with tab index 

Answer 2

попробовать это

Ext.getCmp ("Закладка") ребенок ('# ID') Таб... скрыть()