更改行的顏色控制Flex中

Question

我使用Flash Builder的4.6。在flex應用程序中創建一個AdvancedDataGrid。我想更改AdvancedDataGrid控件的第5行的rowColor。

這是我的代碼。

<?xml version="1.0"?> 
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
      xmlns:mx="library://ns.adobe.com/flex/mx" 
      xmlns:s="library://ns.adobe.com/flex/spark"> 
<fx:Script> 
    <![CDATA[ 
     import mx.collections.ArrayCollection; 

     [Bindable] 
     private var dpADG:ArrayCollection = new ArrayCollection([ 
      {Row:1, Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99}, 
      {Row:2, Artist:'Pavement', Album:'Brighten the Corners', Price:11.99}, 
      {Row:3, Artist:'Saner', Album:'A Child Once', Price:11.99}, 
      {Row:4, Artist:'Saner', Album:'Helium Wings', Price:12.99}, 
      {Row:5, Artist:'The Doors', Album:'The Doors', Price:10.99}, 
      {Row:6, Artist:'The Doors', Album:'Morrison Hotel', Price:12.99}, 
      {Row:7, Artist:'Grateful Dead', Album:'American Beauty', Price:11.99}, 
      {Row:8, Artist:'Grateful Dead', Album:'In the Dark', Price:11.99}, 
      {Row:9, Artist:'Grateful Dead', Album:'Shakedown Street', Price:11.99}, 
      {Row:10, Artist:'The Doors', Album:'Strange Days', Price:12.99}, 
      {Row:11, Artist:'The Doors', Album:'The Best of the Doors', Price:10.99} 
     ]);      
    ]]> 
</fx:Script> 
<mx:AdvancedDataGrid width="100%" height="100%" dataProvider="{dpADG}" editable="true" 
        selectionMode="none" sortExpertMode="true"> 
    <mx:columns> 
     <mx:AdvancedDataGridColumn dataField="Row" /> 
     <mx:AdvancedDataGridColumn dataField="Artist" /> 
     <mx:AdvancedDataGridColumn dataField="Album" /> 
     <mx:AdvancedDataGridColumn dataField="Price" /> 
    </mx:columns> 
</mx:AdvancedDataGrid>   
</s:Application> 

Answer 1

我沒有使用AdvancedDataGrid嘗試，但我已經嘗試設置我DataGrid的行顏色。我已經通過創建自定義DataGrid（MXML）然後將具有下列方法做到了這一點：

override protected function drawRowBackground(s:Sprite, rowIndex:int, 
        y:Number, height:Number, color:uint, dataIndex:int):void 
{ 
    if(this.rowColorFunction != null) 
    { 
     if(dataIndex < (this.dataProvider as ArrayCollection).length) 
     { 
      var item:Object = (this.dataProvider as ArrayCollection).getItemAt(dataIndex); 
      color = this.rowColorFunction.call(this, item, dataIndex, color); 
     } 
    } 

    super.drawRowBackground(s, rowIndex, y, height, color, dataIndex); 
} 


public function set rowColorFunction(f:Function):void 
{ 
    this._rowColorFunction = f; 
} 

public function get rowColorFunction():Function 
{ 
    return this._rowColorFunction; 
} 

實施例：

myGrid.rowColorFunction = function(item:Object, dataIndex:int, color:uint):uint 
{ 
    //conditions then return your color here 
}