Flex DataGrid mouseover row with gradient background

I have a DataGrid that needs to show a gradient background on mouseover of the row. I have created itemrenderers for each o开发者_开发知识库f the columns and the gradient shows up for the individual cell that is moused over, but not for the whole row. How do I get the whole row to show the gradient when mousing over one of the cells?

You have subclass the DataGrid and delve into the ListBase and override the protected function drawRowHighlightIndicator(). You'll be using the graphics class to draw what you need, so bone up on how to do that.