sencha-touch-2 - sencha touch 2 でボタンクリックで新しいビューを開く方法

Question

私は2つのビューを持っています

1. 項目フィールドセットとボタンを含む Search.js
2. 連絡先のリストを含む ContactList.js

コントローラーMain.jsがあります

Sencha Touch 2 に、Search.js のボタンをクリックすると、ContactList.js の連絡先リストが表示される機能を実装したいと考えています。どうすればいいですか？

Answer 1

まず、ビューの[検索]ボタンにアクションまたはIDを追加します

{
    title: "My Button",
    xtype: 'button',
    action: 'call-contact-list',
}

次に、コントローラーで、ボタンがクリックされたときに何が起こるかを実装する必要があります。次のコードを例として取り上げます。コードは、制御構成内にある必要があります。

control: {
   'button[action=call-contact-list]': {
            tap: 'myFunction'
        }
}

myFunction: function() {
    //Code to run when the button has been clicked. 
    //In this case, loading ContactList.js which should be something like this:
     Ext.Viewport.add({
         xtype: 'contactlist' //the xtype for the ContactList.js
     });
},