[FLEX] Datagrid 에 Mouse Over 시에 나오는 색을 바꾸고 싶다면?

Datagird에 Mouse Over 시에 나오는 색(High Light Color)은 CSS에서 다음 과 같이 정의해서 변경합니다.

DataGrid {
   rollOverColor: #aadeff;
}

이 rollOverColor를 CSS에 의존해서 Active 하게 바꾸려면 엄청나게 귀찮게 되죠.
이때 DataGridBase에 정의되어 있는 drawHighlightIndicator 라는 function을 이용하면 아주 손쉽게 변경 가능합니다.
아래에 있는 소스는 datagrid를 상속받아서 만든 myDatagrid 입니다. 
drawHighlightIndicator를 재정의하여 원하는 색으로 HighLightColor를 변경할 수 있게 했습니다.

myDatagrid.as 소스 보기

소스 닫기" more="myDatagrid.as 소스 보기">소스 닫기" more="myDatagrid.as 소스 보기">소스 닫기" more="myDatagrid.as 소스 보기">

myDatagird.as

package
{
  import flash.display.Sprite;

  import mx.controls.DataGrid;
  import mx.controls.dataGridClasses.DataGridColumn;
  import mx.controls.listClasses.IListItemRenderer;

  public class myDatagrid extends DataGrid
  {
    private var dgcNumber:DataGridColumn = new DataGridColumn();
    private var dgcName:DataGridColumn = new DataGridColumn();
    private var dgcType:DataGridColumn = new DataGridColumn();

    private var _highlightColor:uint = 0xCCCCCC;

    public function myDatagrid()
    {
      super();

      dgcNumber.dataField = "NUMBER";
      dgcNumber.headerText = "Num";
      dgcName.dataField = "NAME";
      dgcName.headerText = "Name";
      dgcType.dataField = "TYPE";
      dgcType.headerText = "Type";

      var arr:Array = new Array();
      arr.push(dgcNumber, dgcName, dgcType);

      this.columns = arr;
    }

    override protected function drawHighlightIndicator(indicator:Sprite, x:Number, y:Number, width:Number, height:Number, color:uint, itemRenderer:IListItemRenderer):void
    {
      _highlightColor = this.HighLightColor;

      super.drawHighlightIndicator( indicator, x, y, width, height, _highlightColor, itemRenderer );

    }

    //////////////////////////////////////////////////////////////////////////
    //////////////////////////// getter // setter ///////////////////////////
    //////////////////////////////////////////////////////////////////////////
    public function get HighLightColor():uint
    {
      return _highlightColor;
    }
    public function set HighLightColor(value:uint):void
    {
      _highlightColor = value;
    }
  }
}

아래는 위의 myDatagrid.as 를 이용하여 만들어본 Flex 결과물입니다.

잘 되는 것 같죠? ㅋ 즐거운 FLEX!!!