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);