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 的返回值；

然后判断就可以了。

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