Flex DataGrid DataGridColumn数据颜色多样化-类型替换

比如 0--关闭(red),1--开启(green),

就这两个比较简单的代表.在读出数据的时候,需要按照上面的标注来显示其字体的颜色,这个时候,有好几种处理方法,不过目的只有一种.就是为了得到颜色字体.

这里就直接给出程序吧,其实很简单.还有另外的两三种方法吧,呵呵,其实由于用法相当多,它的设置参数也十分的多,根据需要可以设置出不同的效果出来.希望对大家有帮助.


代码如下:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">

<mx:Script>
        <!--[CDATA[

]]>
    </mx:Script>
    <mx:ArrayCollection id="dataArray">
        <mx:Object>
            <mx:Key>0</mx:Key>
            <mx:Value>关闭</mx:Value>
        </mx:Object>
        <mx:Object>
            <mx:Key>1</mx:Key>
            <mx:Value>开启</mx:Value>
        </mx:Object>
    </mx:ArrayCollection>
    <mx:DataGrid dataProvider="{dataArray}" x="320" y="135">
        <mx:columns>
            <mx:DataGridColumn headerText="Key" dataField="Key" >

</mx:DataGridColumn>
            <mx:DataGridColumn headerText="Value" dataField="Value" >
                 <mx:itemRenderer>
<mx:Component>
<mx:Label textAlign="center">
<mx:Script>
<![CDATA[
override public function set data(value:Object):void
{
super.data = value;
if (value.Key=="1")
{
this.setStyle("color","green");
}
else if(value.Key=="0"){
this.setStyle("color","red");
}
}
]]-->
</mx:Script>
</mx:Label>
</mx:Component>
    </mx:itemRenderer>    
            </mx:DataGridColumn>
        </mx:columns>
    </mx:DataGrid>
</mx:Application>

赞 (0)

相关推荐

  • Flex中让鼠标移至AdvancedDataGrid的行上不自动修改显示效果

    注意:事实上发现,mx:Repeater控件在数据大的时候性能很差. 但是当换成AdvancedDataGrid发现,鼠标在Grid上移动Flex自动为焦点所在行修改css,为屏蔽该效果,自定义如下控件: ApmAdvancedDataGrid.as 复制代码 代码如下: package com.nauproject.apm.common.custom {     import flash.events.MouseEvent; import mx.controls.AdvancedDataGri

  • Flex动态生成可编辑的DataGrid具体实现代码

    一:先说说我写这个DataGrid具有的功能 1.表头是动态生成的. 2.每行都是有序号的. 3.每行都是可以编辑.插入.删除.修改的. 4.每个单元格都是加验证的. 5.单元格有些是经过渲染生成的比如:Combobox,DateField... 二.说一些实现这些功能的困难 写这个的时候感觉都是困难不知道,走过来了也就木有神马啦,最让我费劲的就是渲染例如:Combobox在渲染的时候不能用ItemRenderer因为他不能绑定值,只能用ItemEditor但是怎样获得这个一个经过渲染的对象,通

  • Flex3 DataGrid拖拽到ClumnChart动态显示图表实现代码

    Flex3 DataGrid拖拽到ClumnChart动态显示图表实现代码

    支持多行同时拖拽,重复数据不重得添加,添加了图表右键菜单. 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="init()"> <mx:Scr

  • Flex DataGrid DataGridColumn数据颜色多样化-类型替换

    比如 0--关闭(red),1--开启(green), 就这两个比较简单的代表.在读出数据的时候,需要按照上面的标注来显示其字体的颜色,这个时候,有好几种处理方法,不过目的只有一种.就是为了得到颜色字体. 这里就直接给出程序吧,其实很简单.还有另外的两三种方法吧,呵呵,其实由于用法相当多,它的设置参数也十分的多,根据需要可以设置出不同的效果出来.希望对大家有帮助. 复制代码 代码如下: <?xml version="1.0" encoding="utf-8"?

  • flex实现DataGrid高亮显示数据功能的解决方案

    flex要高亮数据一般可以使用选中效果或者设置背景,选中效果只能是高亮一条,多条高亮只能设置背景来达到效果.但是原生的DataGrid根本无法达到所要的效果,目前一般就是来改写原生的DataGrid,只需重新写一个类来重写drawRowBackground方法就可以了,代码如下 复制代码 代码如下: package org.lxh  {         import flash.display.Sprite;      import mx.controls.DataGrid;      publ

  • Java 设置Excel条件格式示例代码(高亮条件值、应用单元格值/公式/数据条等类型)

    Java 设置Excel条件格式示例代码(高亮条件值、应用单元格值/公式/数据条等类型)

    概述 在Excel中,应用条件格式功能可以在很大程度上改进表格的设计和可读性,用户可以指定单个或者多个单元格区域应用一种或者多种条件格式.本篇文章,将通过Java程序示例介绍条件格式的设置方法,设置条件格式时,因不同设置需要,本文分别从以下示例要点来介绍: 示例1: 1. 应用条件格式用于高亮重复.唯一数值 2. 应用条件格式用于高亮峰值(最高值.最低值) 3. 应用条件格式用于高亮低于或高于平均值的数值 示例2: 1. 应用单元格值类型的条件格式 2. 应用公式类型的条件格式 3. 应用数据条

  • easyui datagrid 大数据加载效率慢,优化解决方法(推荐)

    在使用easyui datagrid途中发现加载数据的效率真的不是一般的差.经测试IE8加载300条数据就感觉明显的慢了,加载2000条数据就另人崩溃用时差不多60秒,就算在google浏览器测试结果也快不了几秒. 平时听闻easyui datagrid效率底下,自己测试才发现真是使人无法忍受. 笔者只好百度,google解决方法,发现一篇文章说改 //1.3.3版本是这样的,其它版本也是这句代码 $(_1e0).html(_1e4.join("")); 改为: $(_1e0)[0].

  • ThinkPHP实现转换数据库查询结果数据到对应类型的方法

    本文实例讲述了ThinkPHP实现转换数据库查询结果数据到对应类型的方法.分享给大家供大家参考,具体如下: 最近使用 ThinkPHP3.2.3 进行 API 开发,发现 ThinkPHP3.x 查询数据库返回所有字段值类型都是 String.以前开发 web 的时候没怎么注意这个,现在发现用到 API 开发很难办,数据类型不对,不能每个字段都让客户端自己强制转换一下. 查资料后发现 ThinkPHP3.x 的 Model.class.php,提供了 _parseType 方法,在查询完以后进行

  • 易语言把非文本类型数据变为文本类型

    易语言到文本,这个是什么意思呢?这个命令就是把非文本类型数据变为文本类型,你看我下面的实例就知道了. 1.易语言新建一个windows窗口 点击进入代码编辑区 具体看如何用易语言编写自己第一个程序? 2.这里我们要使用调试输出这个函数,具体看易语言调试输出函数实例详解我们输入调试输出 (1)这行代码是用于比对这里我们要使用调试输出这个函数,具体看易语言调试输出函数实例详解我们输入调试输出 (1)这行代码是用于比对 3.我们在输入 到文本这个命令 4.我们展开这个函数 发现只有一个参数,这个参数我

  • xpath的数据和节点类型以及XPath中节点匹配的基本方法

    XPath数据类型 XPath可分为四种数据类型: 节点集(node-set) 节点集是通过路径匹配返回的符合条件的一组节点的集合.其它类型的数据不能转换为节点集. 布尔值(boolean) 由函数或布尔表达式返回的条件匹配值,与一般语言中的布尔值相同,有true和 false两个值.布尔值可以和数值类型.字符串类型相互转换. 字符串(string) 字符串即包含一系列字符的集合,XPath中提供了一系列的字符串函数.字符串可与数值类型.布尔值类型的数据相互转换. 数值(number) 在XPa

  • datagrid和repeader控件中替换标识值的方法

    DataGrid控件中替换标识值的使用: <asp:DataGrid ID="dgList" runat="server" Width="100%" AutoGenerateColumns="False"> <Columns> <asp:BoundColumn DataField="COP_G_NO" HeaderText="物料号/成品货号"><

  • 解决 JScript 中使用日期类型数据时出现类型错误的问题

    例如以下代码: 程序代码: 复制代码 代码如下: <%@LANGUAGE="JScript" CODEPAGE="65001"%>  <script language="JScript" runat="server">  Response.Cookies("xujiwei")("name") = "xujiwei";  Response.Coo

  • 易语言取字节集数据转换为指定类型的数据

    易语言取字节集数据转换为指定类型的数据

    取字节集数据命令 英文命令:GetBinElement 操作系统支持:Windows.Linux    所属类别:字节集操作 取出字节集中指定位置指定数据类型的数据. 语法:  通用型  取字节集数据 (欲取出其中数据的字节集, 欲取出数据的类型, ［起始索引位置］) 例程 说明 取出字节集中指定位置指定数据类型的数据. 运行结果: 总结 以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对我们的支持.如果你想了解更多相关内容请查看下面相关链接

随机推荐