View Full Version : overItemCls not applying

10 Feb 2012, 9:48 PM
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">',



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

13 Feb 2012, 10:17 AM
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.

15 Feb 2012, 2:33 PM
Bump; you get this working?

15 Feb 2012, 2:51 PM
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.

15 Feb 2012, 2:55 PM
Are things like click events etc working?

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

15 Feb 2012, 3:05 PM
Yeah click events are working and selected class is getting applied but not the hover class

Heres my project...

15 Feb 2012, 3:32 PM
Set the trackOver configuration to true on your DataView.

15 Feb 2012, 3:38 PM
Yeah that was it Thanks!!