FLEXDataGrid背景颜色调试.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 this._rowColorFunction f; public function get rowColorFunction :Function return this._rowColorFunction; /** * Draws a row background * at the position and height specified using the * color specified. This implementation creates a Shape as a * child of the input Sprite and fills it with the appropriate color. * This method also uses the backgroundAlpha style property