overItemCls not applying

[ErnestoR]

Hello
I have created a dataView and Designer genereted this code:

Ext.define('ER.view.ui.MyView1', {
    extend: 'Ext.view.View',

    id: 'navGiros',
    itemCls: 'navGiro-list',
    itemSelector: '.navGiro-list-item',
    overItemCls: 'navGiro-list-item-hover',
    store: 'navGiros',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            tpl: [
                '<tpl for=".">',
                '<div class="navGiro-list-item">',
                '{menuItem}',
                '</div>',
                '</tpl>'
            ]
        });

        me.callParent(arguments);
    }

});

The problem is that the overItemCls is not being applied to the tpl items.

[aconran]

Hrm, the code looks correct without running it.

Do you have more than one instances of this view? I notice that you have an id which could cause a collision.

[aconran]

Bump; you get this working?

[ErnestoR]

No not yet...
Even though I only have one instance of the I removed the id config and the problem still persists.

I also generated a new project and still doesn`t seem to change the hover class.

[aconran]

Are things like click events etc working?

Do you have a sample project you'd be willing to share with us to troubleshoot?

[ErnestoR]

Yeah click events are working and selected class is getting applied but not the hover class

Heres my project...

[aconran]

Set the trackOver configuration to true on your DataView.

[ErnestoR]

Yeah that was it Thanks!!