全程跟踪Flex DataGrid单元格背景色的设置

本文和大家重点讨论一下Flex DataGrid单元格背景色的设置，在Flex运用中经常提到的有关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> 

【编辑推荐】

1. 解析三大Flex DataGrid背景色调试方法
2. 常用FlexBuilder快捷键用法指导
3. Flex框架Riawave的定制应用
4. 技术前沿 Flex2.0 从零开始实现文件上传
5. FlexBuilder开发方法及特点解析