sencha-touch-2 - コントローラーでコンテナーのサブアイテムを参照する

Question

Sencha Touch 2 コントローラで itemId によってコンテナのサブアイテムを参照する方法は? たとえば、xtype が「mypanel」のコンテナーには、itemId が「mybutton」のボタンが含まれています。コントローラーでは、ボタンに偶数ハンドラーを割り当てたいと思います。それ、どうやったら出来るの？

私のアプリは非常に大きく、1 つのコンポーネントが重複していることが多いため、アプリのどこにも id を使用せず、代わりに itemId を使用します。

Ext.define('myapp.controller.Test', {
    extend: 'Ext.app.Controller',

    config: {
        control: {
            myButton: {
                tap: 'showView'
            }
        },
        refs: {
            myPanel: 'mypanel',
            myButton: '?'
        }
    },

    showView: function(){

    }
});

Answer 1

refs: {
    mybutton: 'mypanel #mybutton'
}

ComponentQueryの詳細については、http：//docs.sencha.com/touch/2-0/# ！/api/Ext.ComponentQueryを参照してください。

Answer 2

idの代わりにitemIdを使用する場合は、次のようにコントローラーの ref に itemId を持つ要素を含む親についても言及する必要があります。

refs: {
    mybutton: 'xtype_of_panel #itemId_button'
    //where 'itemId_button' is the itemId and 'xtype_of_panel' is the parent that contains the element with the itemId of 'itemId_button'
}