Tap listeners not working with list view

[slsu90]

Hi,

I have a panel which consists of a list and a top toolbar. I've assigned a listener to the itemtap event but nothing happens when I tap on any of the items. It's supposed to display an alert message and print a message to the console. Aside from the listeners, everything else works perfectly and there's no error shown in the console.

The following is the panel code.

Pouch.views.ItemIndexView = Ext.extend(Ext.Panel, {
    
    layout: 'fit',
    initComponent: function() {
        
        this.store = new Ext.data.Store({
            autoLoad: true,
            model: 'Pouch.models.Item',
        });
        
        this.dockedItems = [{
            xtype: 'toolbar',
            dock: 'top',
            title: 'Pouch',
        }];
        
        this.list = new Ext.List({
            itemTpl: '<div class="item">{name} ${price}</div>',
            store: this.store,
            listeners: {
                scope: this,
                itemtap: this.onItemtapAction,
            },
        });


        this.items = [this.list];
        
        Pouch.views.ItemIndexView.superclass.initComponent.apply(this, arguments);
    },
    
    onItemtapAction: function(list, index, item, e) {
        Ext.Msg.alert("HAHAHAHAHA!");
        console.log("HAHAHAHAHAHA!!!!!!");
    },
    
});


Ext.reg('ItemIndex', Pouch.views.ItemIndexView);

Any help? Thank you.

[AndreaCammarata]

Hi.
Try to remove the commas reported in red color.

this.list = new Ext.List({
		            itemTpl: '<div class="item">{name} ${price}</div>',
		            store: this.store,
		            listeners: {
		                scope: this,
		                itemtap: this.onItemtapAction,
		            },
		        });

Hope this helps.

[slsu90]

Cool, it finally works now! Thank you so much. Being more of a backend developer, I cannot understand why the commas can cause the problem in JavaScript. I read from somewhere that it's a good practice to append comma to the last element. Mind explaining it to me? Thank you.

[AndreaCammarata]

You are welcome.

I read from somewhere that it's a good practice to append comma to the last element.

That's no true.
In fact, if you try to validate the following json using JSONLint, you will notice that this will show you an error.

[
    {
        "firstName": "Tommy",
        "lastName": "Maintz"
    },
    {
        "firstName": "Rob",
        "lastName": "Dougan"
    },
]

Hope this helps.