如何設置Flex DataGrid單元格的背景色

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

Flex DataGrid背景顏色調試

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

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

這個主要通過itemRenderer進行設置，itemRenderer可以是Label，也可以是其他如Flex DataGridItemRenderer。

先看看用Label如何設置背景色

<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進行背景色設置如下：

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

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