Sencha Touch - 在TabBar中隱藏項目

我想在選項卡欄中隱藏ThankYou項目，直到使用提交聯繫我們表單。提交表單後，我希望顯示ThankYou項目，並隱藏其他三項。這可能嗎？這裏是我的代碼：Sencha Touch - 在TabBar中隱藏項目

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

來源

2011-08-25 James Hill

不要包含的TabPanel的三江源面板，而用片，你將設置爲顯示（用show（）），一旦用戶提交表單。

另外，如果你想使用的TabPanel，不包括項目陣列中的三江源面板，一旦你提交的表單：

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

來源

2011-08-25 16:28:09 Luis

謝謝，這個偉大的工程！其他要求是否容易？此解決方案將ThankYou添加到TabBar，但我仍然需要刪除登陸，AboutUs和ContactUs。 –

因爲您讓我指出正確的方向，所以我會將其標記爲答案。謝謝你的幫助。這是去除其他項目的解決方案：'Mobile.views.ViewPort.remove（「Landing」）;' –

Sencha Touch - 在TabBar中隱藏項目

回答

相關問題