本文和大家重點討論一下Flex DataGrid單元格背景色的設置，在Flex運用中經(jīng)常提到的有關Flex DataGrid問題，相信通過本文的介紹你對Flex DataGrid背景色調(diào)試有一定的認識。

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

在Flex運用中經(jīng)常提到的有關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> 

【編輯推薦】

1. 解析三大Flex DataGrid背景色調(diào)試方法
2. 常用FlexBuilder快捷鍵用法指導
3. Flex框架Riawave的定制應用
4. 技術前沿 Flex2.0 從零開始實現(xiàn)文件上傳
5. FlexBuilder開發(fā)方法及特點解析