2014-02-10 25 views
0

以下是Sencha Touch應用程序的結構。我有一個看法,我已經給它xtype「主頁」。在主頁視圖中,我有以下幾項。如何通過單擊Sencha Touch中的列表項來更改視圖?

工具欄停靠在頂部。 在應用 右側的左側的列表中,我有一些顯示ID爲「顯示」

問題的看法:現在我想,當我點擊列表中的不同的選擇,不同的看法應顯示在主頁的右側。

我可以在控制器中調用list-item-tap功能,我可以識別列表中的不同項目。唯一的問題是,我無法用另一個視圖替換給定的顯示器

回答

0

好吧,在網上搜索一下後,我發現了下面的解決方案。我應該使用佈局:'卡'到我需要改變視圖的容器。在我的情況下,它是一個ID顯示的容器。

然後在Controller.js我應該寫下面的代碼:

 var item = Ext.ComponentQuery.query("#display")[0]; 
     item.setActiveItem({xtype:'xtype_of_your_view'}); 
相關問題