How can we track click event on a list or dataview component?

[pm.sreejith]

Hi All,

How can we track click event on a list or dataview component?. Please go through the code given below and let me know...

Ext.define('Sencha.view.ContentList', {
    extend: 'Ext.DataView',
    requires: ['Sencha.store.Contentlist'],    
    xtype: 'contentlist',
    
    config: {
        width:  350,
        itemTpl: '<div id="{categoryid}" style="width:350px;float:left; padding:8px;border-bottom:1px solid #ccc;"><font size="2">{catogory}</font></div>',
        store: 'Contentlist',
        scrollable: 'vertical',
        scope:this
    },
    
    listeners:{
        el:{
            tap: Ext.Msg.alert("Validate", "You are clicked on Item", function(){}),
            delegate: 'div'
        }
    }        
});

I am using ST2.0 with MVC pattern.

Thanks in advance...

[mitchellsimoens]

listeners : {
    itemtap: function(dataview, index, item, e) {
        Ext.Msg.alert("Validate", "You are clicked on Item");
    }
}

[garyb72]

Shouldn't the listener be in the controller, not the view?

[rdougan]

In your controller, do something like this in your this.control() method:

this.control({
    'contentlist': {
        'itemtap': this.onItemTap
    }
});