javascript - 如何在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();