如何設(shè)置Flex DataGrid單元格的背景色

這篇文章給大家分享的是有關(guān)如何設(shè)置Flex DataGrid單元格的背景色的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

Flex DataGrid背景顏色調(diào)試

在Flex運(yùn)用中經(jīng)常提到的有關(guān)Flex DataGrid問題，它是如何改變Flex DataGrid單元格(cell)，列(column)和行(row)的背景顏色(backgroundcolor)，這里對單元格(cell)的背景色做一個總結(jié)。

設(shè)置Flex DataGrid單元格(cell)的背景色

這個主要通過itemRenderer進(jìn)行設(shè)置，itemRenderer可以是Label，也可以是其他如Flex DataGridItemRenderer。

先看看用Label如何設(shè)置背景色

<mx:Flex DataGridColumnheaderText="Make"dataField="col1"> <mx:itemRenderer> <mx:Component> <mx:Label><!--usinglabelasitemRenderer--> <mx:Script><![CDATA[  overridepublicfunctionsetdata(value:Object):void  {  super.data=value;  if(value.col1=='Toyota'){  this.opaqueBackground=0xCC0000;  }  }  ]]></mx:Script> </mx:Label> </mx:Component> </mx:itemRenderer> </mx:Flex DataGridColumn>

用Flex DataGridItemRenderer進(jìn)行背景色設(shè)置如下：

<mx:Flex DataGridColumnheaderText="Year"dataField="col3"> <mx:itemRenderer> <mx:Component> <mx:Flex DataGridItemRenderer><!--usingFlex DataGridItemRendererasitemRenderer--> <mx:Script><![CDATA[  overridepublicfunctionsetdata(value:Object):void  {  super.data=value;  if(value.col3>=2000){  this.background=true;  this.backgroundColor=0x00cc00;  }  }  ]]></mx:Script> </mx:Flex DataGridItemRenderer> </mx:Component> </mx:itemRenderer> </mx:Flex DataGridColumn>

感謝各位的閱讀！關(guān)于“如何設(shè)置Flex DataGrid單元格的背景色”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！