Flex DataGrid DataGridColumn數據顏色多樣化-類型替換

2024-09-12 17:51:16

字體：大中小

來源：轉載

供稿：網友

比如 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> 