Flex中(DataGrid--DataGridColumn)数据颜色多样化-类型替换

     用得多了,发觉自己了解的真的是九牛之一毛都没有,最近用到了从后台读出数据时显示的问题,相信很多人都有用整形数据来代替字符串数据的情况
  
   比如 0--关闭(red),1--开启(green),

 

   就这两个比较简单的代表.在读出数据的时候,需要按照上面的标注来显示其字体的颜色,这个时候,有好几种处理方法,不过目的只有一种.就是为了得到颜色字体.

 

    这里就直接给出程序吧,其实很简单.还有另外的两三种方法吧,呵呵,其实由于用法相当多,它的设置参数也十分的多,根据需要可以设置出不同的效果出来.希望对大家有帮助.

 

<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <!--[CDATA[ ]]> </mx:Script> <mx:ArrayCollection id="dataArray"> <mx:Object> <mx:Key>0</mx:Key> <mx:Value>关闭</mx:Value> </mx:Object> <mx:Object> <mx:Key>1</mx:Key> <mx:Value>开启</mx:Value> </mx:Object> </mx:ArrayCollection> <mx:DataGrid dataProvider="{dataArray}" x="320" y="135"> <mx:columns> <mx:DataGridColumn headerText="Key" dataField="Key" > </mx:DataGridColumn> <mx:DataGridColumn headerText="Value" dataField="Value" > <mx:itemRenderer> <mx:Component> <mx:Label textAlign="center"> <mx:Script> <![CDATA[ override public function set data(value:Object):void { super.data = value; if (value.Key=="1") { this.setStyle("color","green"); } else if(value.Key=="0"){ this.setStyle("color","red"); } } ]]--> </mx:Script> </mx:Label> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> </mx:Application>