0

現在、問題なくストアを通過するリストがあり、itemTpl は特定の ID を持つ各リスト項目内に div を配置しています。私が知りたいのは、コントローラーを使用して、タップされたときに特定のリスト項目ごとにさまざまな機能を実行することです。コントローラーをセットアップしましたが、それを参照していないようです。

どんな助けでも素晴らしいでしょう

意見:

Ext.define('tourApp.view.TourInfo', {

extend: 'Ext.List',
xtype: 'TourInfo',
config: {
    navigationBar: {
            hidden: true
        },

        title: 'Tour Info',
        iconCls: 'MyTourInfoIcon nav-schedule',
        items: [
            {
                docked: 'top',
                xtype: 'toolbar',
                title: '<span class="logo"></span>'
            },
            {
                xtype: 'list',
                store: 'TourInfoList',
                id: 'lolol',
                itemTpl: '<div id="TIList{id}" class="TIList"><div class="TIListTitle">{title}</div></div>'
            }
        ]


}

});

コントローラ:

Ext.define('tourApp.controller.TourInfo', {

extend: 'Ext.app.Controller',

config: {
    refs: {
        Tdetails: 'TourInfo',
        main: 'TourInfo'
    },
    control: {
        "TourInfo list #TIList1": {
            tap: 'test'
        }
    }
},

test: function() {
    console.log('Success');

}

});
4

1 に答える 1