Flex DataGrid DataGridColumn數(shù)據(jù)顏色多樣化-類型替換
更新時間：2009年06月15日 19:11:22 作者：
用得多了,發(fā)覺自己了解的真的是九牛之一毛都沒有,最近用到了從后臺讀出數(shù)據(jù)時顯示的問題,相信很多人都有用整形數(shù)據(jù)來代替字符串數(shù)據(jù)的情況
比如 0--關閉(red),1--開啟(green),
就這兩個比較簡單的代表.在讀出數(shù)據(jù)的時候,需要按照上面的標注來顯示其字體的顏色,這個時候,有好幾種處理方法,不過目的只有一種.就是為了得到顏色字體.
這里就直接給出程序吧,其實很簡單.還有另外的兩三種方法吧,呵呵,其實由于用法相當多,它的設置參數(shù)也十分的多,根據(jù)需要可以設置出不同的效果出來.希望對大家有幫助.
<?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>
就這兩個比較簡單的代表.在讀出數(shù)據(jù)的時候,需要按照上面的標注來顯示其字體的顏色,這個時候,有好幾種處理方法,不過目的只有一種.就是為了得到顏色字體.
這里就直接給出程序吧,其實很簡單.還有另外的兩三種方法吧,呵呵,其實由于用法相當多,它的設置參數(shù)也十分的多,根據(jù)需要可以設置出不同的效果出來.希望對大家有幫助.
復制代碼 代碼如下:
<?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>
相關文章
自從開始做Flex、ActionScript 3.0的項目，我就一直與垃圾回收、性能優(yōu)化這些問題打交道，因此也總結了一些優(yōu)化的方案，同時在一些QQ群中也得到了一些“高人”的指點，因此將此內容記錄一下。2009-07-07
自定義自己組件的namespace呢 去Adobe那邊的compiler參數(shù)查找了一下，發(fā)現(xiàn)可以利用-namespace、-include-namespaces這兩個參數(shù)來指定自己的URL。2009-07-07
對于Java端返回的各種Java類型的對象，F(xiàn)lex中能否有相應的數(shù)據(jù)類型來映射。這是Flex與服務器通信使用remoteObject的關鍵。2009-08-08
Flex 創(chuàng)建一個自定義風格的HRule或VRule
Flex中如何通過strokeWidth, strokeColor和shadowColor樣式，創(chuàng)建一個自定義風格的HRule或VRule2009-06-06
Flex與.NET互操作 使用FileReference+HttpHandler實現(xiàn)文件上傳/下載
Flex與.NET互操作 使用FileReference+HttpHandler實現(xiàn)文件上傳/下載2009-06-06
Flex 加載Base64編碼的二進制字符串圖片實現(xiàn)代碼。2009-05-05
一般情況下，F(xiàn)lex全屏是指將整個舞臺全屏，而不是待定的組件全屏．網(wǎng)上的例子也一般是指這種情況的．2009-09-09
Flex DataGrid DataGridColumn數(shù)據(jù)顏色多樣化-類型替換
用得多了,發(fā)覺自己了解的真的是九牛之一毛都沒有,最近用到了從后臺讀出數(shù)據(jù)時顯示的問題,相信很多人都有用整形數(shù)據(jù)來代替字符串數(shù)據(jù)的情況2009-06-06
首先在Flex中將窗體的 backgroundAlpha設為0，如： backgroundAlpha="0"
2009-05-05