Remove Flex DataGrid Heading Rollover Color

Question

Hi,
How can i stop rollover color change in Flex 3 DataGrid heading ?
Can i override the following mehtod if yes how can i do this ?
 drawHeaderIndicator(s, r.x, 0, visibleColumns[i].width, cachedHeaderHeight - 0.5, getStyle("rollOverColor"), r);
Thanks,
-Shrban

Answer 1

To do what you want to do requires a fair amount of work as the rollover color is set as a style, you can change the color but it seems the rollover can't be disabled(not without a custom datagrid).
A quick fix is to try and at least reduce the difference in the rollover color, this could be done as per below, which basically makes the rollover color the same as the lighter shade of the header gradient.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600" creationComplete="appHandler(event)">
<mx:Script>
<![CDATA[
import mx.controls.Label;
import mx.events.FlexEvent;
protected function appHandler(event:FlexEvent):void
var colors:Array = dg.getStyle("headerColors");
dg.setStyle("rollOverColor",colors[0]);
]]>
</mx:Script>
<mx:DataGrid id="dg" x="234" y="198" width="619" height="360">
<mx:columns>
<mx:DataGridColumn headerText="Column 1" dataField="col1" />
</mx:columns>
</mx:DataGrid>
</mx:Application>