ログイン画面があり、登録ボタンとログインボタンがいくつかあります。ログインボタンを押すと、基本的にパネルである登録画面に移動する必要があります。どうやって動かすの??ハンドラーまたはコントローラーを使用して、どうすればそれを行うことができますか?
これが私のsenchafiddleリンクです:
助けてください..
ログイン画面があり、登録ボタンとログインボタンがいくつかあります。ログインボタンを押すと、基本的にパネルである登録画面に移動する必要があります。どうやって動かすの??ハンドラーまたはコントローラーを使用して、どうすればそれを行うことができますか?
これが私のsenchafiddleリンクです:
助けてください..
最初に行うことは、ボタンにアクションを与えることです
action:'submitLogin',
これはコントローラーで処理されます。
refs{
nav:'#navview',
submitButton:'button[action=submitLogin]',
}
control:{
submitButton:{
tap:'submitIt'
}}
次のように、メイン ビューをナビゲーション ビューとして使用できます。
Ext.define('App.view.Main',{
extend:'Ext.navigation.View',
xtype:'mainvi',
requires:['App.view.Login'],
id:'navview',
fullscreen:true,
config:{
items:[{
xtype:'login',
}]
}
});
このコードでは、ログインページはナビゲーションビューに配置されています。別のビューに移動したい場合は、ナビゲーションビューで別のビューを押すだけで切り替えることができます
submitIt:function(){
this.getNav().push({
xtype:'registrationscreen'
});
}
上記のコードは、refs で宣言することによりコントローラーに記述できます。
ここで、navview はナビゲーション ビューの ID です。
あなたが試すことができる別の方法があります。1 つのメイン パネルが必要で、すべてのビューをそのパネルのアイテムとして配置します。パネルのレイアウトは、1 つのビュー、つまりログイン ビューのみが表示されるようにカードにする必要があります。送信ボタンをクリックした後、メソッドを使用して別のビューに移動できます
setActiveItem(param);
ここで、param はパネル内のビューのインデックスです。