通过控制器引用特定列表项

Question

我目前有一个通过商店正常的列表，而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');

}

});

Answer 1

为此使用select事件..

control: {
    'TourInfo list': {
        select: function(list, record, eOpts) { console.log('test'); }
    }
}