在sencha touch主視圖中加載/切換子視圖2

我正在創建一個Sencha Touch應用程序，該應用程序具有左側面板和頂部標題欄的一個主視圖。在中間我想要根據點擊左側項目加載不同的視圖。我怎樣才能做到這一點？如果我這樣做Ext.viewport.add(view);它會在我的主視圖頂部添加新的視圖，使主視圖的左側面板不可見。在sencha touch主視圖中加載/切換子視圖2

在此先感謝

來源

2015-02-07 user1879852

我一直在使用導航查看以前做過這種事情 - http://docs-origin.sencha.com/touch/2.4/2.4.0-apidocs/#!/api/Ext.navigation.View

所以，你只需按下或彈出的意見，你需要這樣只能一次一個是可見的，你可以仍然保持你的側杆，所以當你點擊一個側欄項目時，你會按照文檔中所示執行推送。

來源

2015-02-07 10:48:36 mindparse

不，但我不想使用導航視圖。我有簡單的容器視圖，我想在主視圖的子視圖中顯示它們。 – user1879852 2015-02-07 12:34:51

那麼導航視圖將允許你做到這一點 – mindparse 2015-02-07 13:10:30

如果你不想使用Ext.navigation.ViewExt.Container就足夠了。使用其add()方法添加子項，然後添加項目，您可以調用removeAll()刪除現有對象。

無論如何，我看不到任何理由不使用Ext.navigation.View，它會爲你處理卡布局和動畫。

你可以使用一個佈局是這樣的：

MainView (Ext.Container) layout:hbox 
    |_ TitleBar (Ext.TitleBar) docked:top 
    |_ LeftPanel (Ext.Container) flex:1 
    | |_ (Ext.Button) 
    | |_ (Ext.Button) 
    |_ ContentPanel (Ext.navigation.View) flex:2

您應該tap事件LeftPanel按鈕的推意見。

來源

2015-02-10 09:27:05

在sencha touch主視圖中加載/切換子視圖2

回答

相關問題