PDA

View Full Version : Expanding grid row on mouse over



mayurid
1 Oct 2010, 4:13 AM
i want the row expander grid to expand on mouse over event and not on click, is there a solution can anybody help me i tried this:


i made some changes,it expands when mouse over but does not contract once the cursor is moved to different row

expandOnMouseOver : true
onRender: function() {
var grid = this.grid;
var mainBody = grid.getView().mainBody;
mainBody.on('mousedown', this.onMouseDown, this, {delegate: '.x-grid3-row-expander'});

//code block added for the mouseover handling
if (this.expandOnMouseOver) {
mainBody.on('mouseover', this.onMouseDown, this, {delegate: '.x-grid3-row'});
mainBody.on('mouseout', this.onMouseDown, this, {delegate: '.x-grid3-row'});
}
if (this.expandOnEnter) {
this.keyNav = new Ext.KeyNav(this.grid.getGridEl(), {
'enter' : this.onEnter,
scope: this
});
}
if (this.expandOnDblClick) {
grid.on('rowdblclick', this.onRowDblClick, this);
}
}BUT IT IS'NT HELPING ME.