Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色（flex布局可以自适应吗）全程干货

文章摘要

这篇文章介绍了czgh.components包中定义的OptionalDataGrid类，这是一个自定义的数据网格组件，继承自mx.controls.DataGrid。该类实现了两个关键功能：`drawRowBackground`和`setRowColorFunction`。`drawRowBackground`方法允许根据数据项动态设置行背景颜色，通过可选的rowColorFunction函数来实现；而`setRowColorFunction`则提供了设置该颜色函数的方法。文章重点在于展示如何自定义数据网格的行背景颜色渲染逻辑。

package czgh.components
{
import flash.display.Sprite;

import mx.controls.DataGrid;
import mx.core.UIComponent;

public class OptionalDataGrid extends DataGrid
{
private var _rowColorFunction:Function;
private var _customed:Boolean;
private var _customerColor:uint=0;
public function OptionalDataGrid()
{
super();
}

override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void
{
color=0XFFFFFF;

if(this._rowColorFunction !=null)
{
if (dataIndex < this.dataProvider.length)
{
var item:Object=this.dataProvider.getItemAt(dataIndex);//设定颜色
color=this._rowColorFunction.call(this, item, color);
}
}

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

override protected function drawHeaderBackground(headerBG:UIComponent):void
{
headerBG.setStyle(“borderVisible”,”false”);
}

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

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

}
}