ゼロから学んでSencha Touch MVC応用の12

ツールバーの「戻る」ボタンの非表示と表示
ツールバーのロールバックボタンは、必要に応じてのみ表示されるので、index viewビューでは非表示にする必要があります.
上のindex actionで:

this.application.viewport.setActiveItem(this.indexView, options.animation);

追加:

var backBtn = this.application.viewport.query('#backBtn')[0];

backBtn.hide();

about actionには次のコードしかありません.

var backBtn = this.application.viewport.query('#backBtn')[0];

次のように追加します.

backBtn.show();

テストを行うと、戻るボタンはabuot viewビューでのみ表示されます.
ダイレクトコールactionコントローラ
次に、アプリケーションに検索機能を追加するので、新しいコントローラを作成する必要があります.
コントローラのフォルダcontrollersにSearchController.jsという名前のファイルを作成し、indexファイルに含め、次の内容を追加します.

Ext.regController('Search', {

         // index action

         index: ()

         {

                 alert('Search index working');

         },

});

ツールバーに表示されているボタンをクリックしてコントローラをトリガするので、ビューツールバーにボタンを追加する必要があります.

items: [

    {

         text: 'Back',

         itemId: 'backBtn',

         ui: 'back',

    },

    {xtype: 'spacer'},

    {

         itemId: 'searchBtn',

         iconCls: 'search',

         iconMask: true,

         ui: 'action',

    },

],

ツールバーボタンの間にxtype spacer空間隔(Ext.Spacer)エントリを追加します.この空間隔エントリは、ボタンを2つのエッジに押して、ツールバーの両端にボタンを押します.