Flex 的DataGrid列 的字体，根据不同情况 渲染不同颜色

分两种情况，

一种，是绑定了列 dataField，要通过dataField的值进行不同情况的 字体变色。

另外一种，是 不管dataField， 而要通过labelFunction 渲染后的值，进行 字体变色。 第一种相对简单，第二中，让我找了好久才找到解决办法。先说第一种：

两者的思路都相同，给列 添加渲染器。既itemRenderer=渲染器。

渲染气为一label，如下：

<?xml version="1.0" encoding="utf-8"?> <mx:Label xmlns:mx="http://www.adobe.com/2006/mxml"> <mx:Script><!--[CDATA[ import mx.controls.DataGrid; import mx.controls.dataGridClasses.DataGridColumn; import mx.controls.listClasses.BaseListData; override public function set data(value:Object):void { super.data = value; var dg:DataGrid = this.owner as DataGrid; if(dg && data){ var dgc:DataGridColumn = dg.columns[listData.columnIndex] as DataGridColumn; //根据 dataField不同情况 配色 if(data[dgc.dataField]== "0"){ this.setStyle("color",0x7F7F7F); } else if(data[dgc.dataField]=="1"){ this.setStyle("color","black"); } else if (data[dgc.dataField]=="2") { this.setStyle("color",0xCD0000); }else if(data[dgc.dataField]=="3"){ this.setStyle("color",0x008000); } } } ]]--></mx:Script> </mx:Label>

第二中情况的，解决方案 和上面只有一点不同，如下：

<?xml version="1.0" encoding="utf-8"?> <mx:Label xmlns:mx="http://www.adobe.com/2006/mxml" width="100%"> <mx:Script><!--[CDATA[ import mx.controls.Alert; import mx.controls.DataGrid; import mx.controls.dataGridClasses.DataGridColumn; import mx.controls.listClasses.BaseListData; override public function set data(value:Object):void { super.data = value; var dg:DataGrid = this.owner as DataGrid; if(dg && data){ var dgc:DataGridColumn = dg.columns[listData.columnIndex] as DataGridColumn; //获得 lablFuncton 返回的结果 var nowCellText:String=dgc.itemToLabel(value); if(nowCellText.indexOf("拒绝")==-1){ this.setStyle("color",0x008000); }else{ this.setStyle("color",0xCD0000); } } } ]]--></mx:Script> </mx:Label>

两者的区别就在于var nowCellText:String=dgc.itemToLabel(value);

itemToLabel(obj)方法就是 获得labFunction 的返回值；

然后判断就可以了。

第二种情况的，解决效果图如下：