2012-07-12 64 views
2

我遇到了sencha touch的情況,我需要通過單擊按鈕從一個視圖更改爲另一個視圖。在Sencha Touch按鈕點擊更改視圖

我的看法1是一個儀表盤,它顯示大約8個圖標,並且點擊每個圖標顯示不同的視圖。所以,我在這8個不同視圖的標題中放置了一個主頁按鈕,我試圖回到沒有發ha的儀表板,而是顯示一個空白屏幕,控制檯中沒有顯示錯誤以供我檢查。

我改變按鈕點擊視圖代碼:

    { 
         xtype:'button', 
         cls:'clsHome', 
         text:'Home', 
         style: 'background:#4A4245;color:white;', 
         handler: function() { 
          console.log("Home Clicked");             
          var dashboardPanel = Ext.create('AppSupport.view.DashBoard'); 
          Ext.Viewport.add(dashboardPanel); 
          //Ext.Viewport.setActiveItem(dashboardPanel,{type: 'slide', direction: 'left'});        
         } 
        } 

幫我傢伙...先謝謝了...!

+0

你需要把所有Ext.Container你的意見與卡片佈局,然後使用setActiveItem或您的容器上的animateActiveItem函數,並將您想要激活的視圖作爲參數傳遞。嘗試在Sencha Touch廚房水槽中找到一些示例 – 2012-07-12 08:13:03

回答

2

您應該嘗試在sencha架構文檔中使用導航視圖教程...它爲應用程序的視圖導航提供了一個簡單的分步指南。導航視圖還提供了從煎茶觸摸2起,這也使得內置支持歷史可以追溯到簡單和容易

http://docs.sencha.com/architect/2/#!/guide/navigationview

+0

例如3個容器,每個容器都有自己的導航視圖子項。如何添加和銷燬每個容器? – 2012-09-17 03:59:22

+1

推增加容器和彈出銷燬容器... Sencha導航視圖負責添加和銷燬只需確保每個容器具有唯一的ID – 2012-09-17 05:27:15