アプリケーションに 2 つの .JS ファイルがあります。1 つはログイン フォーム用で、もう 1 つはサインアップ フォーム用です。サインアップ フォームに移動するための 1 つのボタンがありますか? しかし、ログインページからサインアップページに移動する方法がわかりません。ありがとうございました!!
2 に答える
ビューを切り替えるために使用されるnavigationViewと呼ばれるコンテナがあります。1つのアプリケーションに複数のビューがあります。navigationViewによって、アプリケーションの複数のビューを切り替えることができます。
ここでいくつかのサンプルコードを参照できます:
http://docs.sencha.com/touch/2-0/#!/example/oreilly
と
http://docs.sencha.com/touch/2-0/#!/example/navigation-view
両方の例では、ユーザーがリストの任意の項目をタップしたときにビューを切り替えます。sencha touch2.0.0のすべての利用可能な/サポートされているツール/ウィジェットのtap/itemTap / itemSingleTap / itemDoubleTapまたは他の多くのイベントを処理することで、ビューの切り替えを実現できます。
新しいビューが画面にプッシュされるように実装することで、ナビゲーションビューのプッシュ方法があります。
次のコードサンプルで理解できることを願っています:
- 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>
});
そのような2つのアイテムを持つExt.Panelが必要です
var panel = Ext.Panel({
fullscreen: true,
layout: 'card',
cardSwitchAnimation: 'fade',
items: [
login,
signup
]
});
次に、ハンドラーを Ext.Button に追加し、以下を追加します。
panel.setActiveItem(signup);
または
panel.setActiveItem(login);
お役に立てれば