如何以编程方式隐藏 TabPanel 中的 Tab（ExtJS 3）

Posted 2023-02-26

【中文标题】如何以编程方式隐藏 TabPanel 中的 Tab（ExtJS 3）

【英文标题】：How do I programmatically hide Tab in the TabPanel (ExtJS 3)

【发布时间】：2013-05-11 05:56:27

【问题描述】：

这是我的 TabPanel 代码：

在代码内部，TabPanel (tabs_panel) 中有两个选项卡（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);

但不知何故，上面的代码对我不起作用。我该如何解决这个问题？

【参考方案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

【参考方案2】：

试试这个

Ext.getCmp("tab").child('#id').tab.hide()