从tabpanel隐藏项目

Question

我有tabpanel

{
    xtype: 'tabpanel',
    tabBarPosition: 'bottom',
    docked: 'bottom',
    items: [
        {
            title: 'One',
            id: 'one'
        },
        {
            title: 'Two',
            id: 'two'
         }
    ],
}

我能以某种方式隐藏运行时的第一项吗？谢谢

Answer 1

this.getTabPanel().getTabBar().getComponent(0).hide();

Answer 2

您可以在第一个项目中添加activate侦听器，并在激活时将其隐藏。

{
    xtype: 'tabpanel',
    tabBarPosition: 'bottom',
    docked: 'bottom',
    items: [
        {
            title: 'One',
            id: 'one',
            listeners: {
                activate: function() {
                    this.setHidden(true);
                }
            }
        },
        {
            title: 'Two',
            id: 'two'
         }
    ],
}