set the background color of a row in grid when mouseover and select a row

Hello,

I have a grid and set the background color for a row when mouseover or select. I made it by set the viewConfig like this:

viewConfig: {

selectedItemCls: 'my-row-selected-color',

overItemCls: 'my-row-over-color'

}

it works fine but I find a problem: when mouseover a row and mousedown the row is still in mouseover effect. only after the mouse leave the row then it shows the selected effect.

How can i remove the mouseover effect when press a row(but the mouse is still on the row)?

Thanks for any answer in advance.

set the background color of a row in grid when mouseover and select a row