javascript - TabPanel (ExtJS 3) でプログラムによってタブを非表示にする方法

Question

これは私のTabPanelコードです:

コード内には、TabPanel (tabs_panel) に 2 つのタブ (tab1 と tab2) があります。

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

次の 2 つの可能性があります。

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("tab").child('#id').tab.hide()