Hi,
Though there is plenty of material already present on this topic, I am not successful to achieve this yet.
I am using EXTJS 4 and trying to achieve some highlight on cells when mouse hovers on it.
My code - listeners:{
itemmouseenter:'cellMouseOverHandler',
itemmouseleave:'cellMouseOffHandler'
},
cellMouseOverHandler: function(t, record, item, index, e, eOpts) {
var el = Ext.get(e.getTarget());
el.dom.style.border = 'solid 1px blue';
},
cellMouseOffHandler: function(t, record, item, index, e, eOpts) {
var el = Ext.get(e.getTarget());
el.dom.style.border = '';
},
I want to put border color to cells. With above code, borders are created, but not always. Border Behavior is uncertain.
I am able to capture mouse over and mouse leave events correctly with above events. But I am not able to change html styles of cells in that.
Please suggest.
Thanks!