Sencha導航

Question

我的應用程序中有兩個.JS文件。一個是登錄表單另一個是註冊表單。有一個用於導航的按鈕來註冊表單？但我不知道如何從登錄頁面導航到註冊頁面。謝謝！！

Answer 1

你需要有兩個項目，像這樣

var panel = Ext.Panel({ 
    fullscreen: true, 
    layout: 'card', 
    cardSwitchAnimation: 'fade', 
    items: [ 
     login, 
     signup 
    ] 
}); 

的Ext.Panel那麼你的處理程序添加到Ext.Button並添加以下到它：

panel.setActiveItem(signup); 

或者

panel.setActiveItem(login); 

希望這有助於

Answer 2

有一個名爲navigationView的容器，用於在視圖之間切換。 在單個應用程序中有多個視圖，通過navigationView可以在應用程序中的多個視圖之間切換。

您可以在這裏是指一些示例代碼：

http://docs.sencha.com/touch/2-0/#!/example/oreilly

和

http://docs.sencha.com/touch/2-0/#!/example/navigation-view

兩個例子切換視圖時，在列表中的任何項目的用戶點擊。 我們可以通過處理tap/itemTap/itemSingleTap/itemDoubleTap或sencha touch 2.0.0所有可用/支持的工具/小部件中的許多其他事件來實現切換視圖。

有導航視圖的推送方法通過實現它新的視圖將推在屏幕上。

希望您可以通過下面的代碼示例的理解：

- take your main view as navigationView . 
- put the button into the navigationView . 
- write the following code into tap-listener of your button 

this.up('your navigationView xtype').push({ 
    xtype: 'xtype of the view at which you wanna go by button tap'<br> 
});