Sencha Touch - 在TabBar中隐藏项目

Question

我想在标签栏中隐藏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
        }
    ]
});

Answer 1

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

或者，如果您想使用TabPanel，请不要在items数组中包含ThankYou面板，并在提交表单后执行：

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