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>
相關文章
在很多情況下，前臺頁面光用maxChars="x"很難控制字符竄的長度。2009-02-02
Flex與.NET互操作(十一)：FluorineFx.Net的及時通信應用（Remote Procedure Call
FluorineFx.NET提供了完善的RPC(Remote Procedure Call)功能，無論是通過Flash還是Flex開發(fā)的客戶端應用(.swf)都可以非常簡單方便的采用RPC的方式調(diào)用.NET的服務器端方法2009-06-06
Flex Gumbo 通過smooth屬性設置BitmapGraphic對象平滑度的例子
接下來的例子演示了Flex Gumbo中如何通過smooth屬性，設置BitmapGraphic對象平滑度。2009-06-06
FLEX--仿Google聯(lián)想框效果--現(xiàn)在好多地方都用到了這樣的效果,當然,現(xiàn)在Google下線了,不讓用了,但是跟網(wǎng)上說的一樣,想辦法,它還是能出來的
2009-07-07 
找資料的時候 看到一篇文章很實用 對新手的基本問題都可以找到，方便查找答案的時間
2009-05-05 
要過節(jié)了,工作任務也完成了,閑來沒事,研究svg，感覺市場上對svg支持度不高,導致了這項技術不能夠被IT群眾充分的接納，一個沒有人支持的技術,她必然也不會有很大的前景。研究來研究去,還是覺得flex比較好玩。
2009-09-09 
Flex與.NET互操作 了解FluorineFx的環(huán)境配置（遠程對象、網(wǎng)關、通道、目的地）
Flex中的遠程對象訪問，也就是服務端提供一個遠程服務對象（RemotingService Object），在Flex客戶端通過相應的訪問技術去調(diào)用遠程對象的過程。
2009-06-06 
國慶期間，做了不少基于 flex 的開發(fā)工作，對 flex 的布局容器有了進一步深入的理解，也找到不少非常棒的文章，分享到這里方便一下大家。
2009-10-10 
呵呵,其實我用的時間不多,還接觸這個不到3個月吧,哎,所以很多地方都需要不斷的進行更正了.
2009-06-06