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