按条件显示DataGrid/AdvancedDataGrid中行的背景颜色

当前位置：主页>Flex>文章内容

按条件显示DataGrid/AdvancedDataGrid中行的背景颜色

来源：l4cd.net 作者：l4cd.net 2008-10-11 【大中小】

在使用DataGrid/AdvancedDataGrid我们有时候会需要以指定的条件显示行的背景色..达到突出显示的效果..

下面是两种常用的应用..

一.跟据指定的字段数据,条件显示指定的行的指定背景色..
下面这个是根据成绩的字段.,低于60分即显示橙红色..

<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml">
  <mx:Script>
    <![CDATA[
      override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void
      {
        var list:XMLList = new XMLList(dataProvider)
        if(dataIndex < list.length() && list[dataIndex].@result<60)color = 0xFF6600
        super.drawRowBackground(s,rowIndex,y,height,color,dataIndex);
      }
    ]]>
  </mx:Script>
</mx:DataGrid>

二.根据单双行显示隔行颜色..

<?xml version="1.0" encoding="utf-8"?>
<mx:DataGrid xmlns:mx="http://www.adobe.com/2006/mxml">
  <mx:Script>
    <![CDATA[
      override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void
      {
        if(dataIndex%2==0)color = 0xcccccc
        super.drawRowBackground(s,rowIndex,y,height,color,dataIndex);
      }
    ]]>
  </mx:Script>
</mx:DataGrid>

辅助软件

·FlexDeveloper必备工具之测试篇
·Sothink FLV Converter 1.0 - FLV 视频转换
·Flash实时调试器分享下载 — AGE Live Debu
·支持Actionscript 3.0 的UML工具
·正则表达测试工具(RegexTestTool)
·AS3.0(ActionScript3.0)的开发工具
·ThunderBoltAS3-Flex/Flash调试器
·分享两个as3代码混淆器
·AIR开发的as3 swf加密工具(测试还不错)
·SWF Encrypt 5.0 Beta下载试用
·生成flash的set get代码的小工具
·实用的flex 矢量转换程序
·创业路

·比Flex Component Explorer更强大	·3种减少Flex文件大小的方法
·Flex Thread Libray	·Flex SDK新版本动态
·关于在Flex3.2.0组件中使用Vector	·Amazon的Windowshopbeta
·SlideRocket发布正式版本	·FB plugin: IDE Factory
·一个免费培训Flex的网站	·FlexDeveloper必备工具之测试篇