sencha-touch-2 - 从选项卡面板中隐藏项目

Question

我有标签面板

{
    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'
         }
    ],
}