《FLEX DataGrid背景颜色调试.docVIP

FLEX DataGrid背景颜色调试 在Flex运用中经常提到的有关DataGrid问题是如何改变DataGrid单元格(cell)，列(column)和行(row)的背景颜色(backgroundcolor) 这里对这3种颜色做一个总结。 1. 设置行(row)的背景色 主要是通过对DataGrid扩展，对protected函数drawRowBackground()进行重写，具体代码如下： override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number,color:uint, dataIndex:int):void { if (dataIndex = dataProvider.length) { super.drawRowBackground(s,rowIndex,y,height,color,dataIndex); return; } if (dataProvider.getItemAt(dataIndex).col3 2000) {//set color accordint to datas super.drawRowBackground(s,rowIndex,y,height,0xC0C0C0,dataIndex); } else { super.drawRowBackground(s,rowIndex,y,height,color,dataIndex); } } 这段代码中根据DataGrid的数据源进行判断来设置背景色，但是它有个缺陷，就是这个具体的背景色我们无法自己灵活指定。因此派生出新的CustomRowColorDataGrid，具体代码如下： package cwmlab.controls { import mx.controls.*; import flash.display.Shape; import mx.core.FlexShape; import flash.display.Graphics; import flash.display.Sprite; import mx.rpc.events.AbstractEvent; import mx.collections.ArrayCollection; import flash.events.Event; /** * This is an extended version of the built-in Flex datagrid. * This extended version has the correct override logic in it * to draw the background color of the cells, based on the value of the * data in the row. **/ public class CustomRowColorDataGrid extends DataGrid { private var _rowColorFunction:Function; public function CustomRowColorDataGrid() { super(); } /** * A user-defined function that will return the correct color of the * row. Usually based on the row data. * * expected function signature: * public function F(item:Object, defaultColor:uint):uint **/ public function set rowColorFunction(f:Function):void