PDA

View Full Version : Grid Group Row itemmouseenter



azinyama
25 Oct 2012, 3:23 PM
Good day all!!! I have a grid that I am using the grouping feature on. If I apply the itemmouseenter listener from the controller it works fine but only on the rows inside the groups. What I wanted to know is how do I get the itemmouseenter to respond to the mouse being over the group row (row with the group name) and not to the row in the group???

Thanx in advance for you help...

sword-it
25 Oct 2012, 10:31 PM
Hi,

you can see this link: http://docs.sencha.com/ext-js/4-1/#!/api/Ext.grid.feature.GroupingSummary-event-groupcontextmenu

azinyama
26 Oct 2012, 2:43 AM
Hi!!! Thanx for the reply. I'm been trying to workout a solution from your tip, but with now luck. any change you could post example code :D:D

azinyama
26 Oct 2012, 2:59 AM
I have something working using the groupcontextmenu event but it only response to mouse right click. I want to know how to get 'itemmouseenter' and 'itemmouseleave' for the group header row.


Thanx

azinyama
26 Oct 2012, 3:38 AM
I found this solution. But it's not really 'clean'.
Any suggestion on how to imporve it???



listeners : {
el : {
mouseover : {
delegate: '.x-grid-group-hd',
fn : function(event, html, eOpts)
{
console.log(event);
console.log(html);
console.log(eOpts);
}
},
mouseout : {
delegate: '.x-grid-group-hd',
fn : function(event, html, eOpts)
{
console.log(event);
console.log(html);
console.log(eOpts);
}
}
}
}