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
Code:
 expandOnMouseOver : true
Code:
    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.