javascript - Sencha Touch-在TabBar中隐藏项目

我想在选项卡栏中隐藏ThankYou项目，直到用户提交“联系我们”表单为止。提交表单后，我希望显示“ ThankYou”项目，而其他三个项目被隐藏。这可能吗？这是我的代码：

Mobile.views.ViewPort = Ext.extend(Ext.TabPanel, {
    fullscreen: true,
    layout: 'card',
    tabBar: {
                layout: { pack: 'center' }
            },
    items: [
        {
            xtype: 'Landing'
        },
        {
            xtype: 'AboutUs'
        },
        {
            xtype: 'ContactUs'
        },
        {
            id: 'ThankYou',
            name: 'ThankYou',
            xtype: 'ThankYou',
            hidden: true //Not working
        }
    ]
});

最佳答案

不要在TabPanel中包括ThankYou面板，而是使用用户提交表单后将设置为显示的工作表（使用show（））。

或者，如果要使用TabPanel，则不要在items数组中包括ThankYou面板，并且在提交表单后执行以下操作：

Mobile.views.ViewPort.setActiveItem(new Mobile.views.ThankYou(),animationOptions);