Flex DataGrid DataGridColumn数据颜色多样化-类型替换
更新时间：2009年06月15日 19:11:22 作者：
用得多了,发觉自己了解的真的是九牛之一毛都没有,最近用到了从后台读出数据时显示的问题,相信很多人都有用整形数据来代替字符串数据的情况
比如 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>
就这两个比较简单的代表.在读出数据的时候,需要按照上面的标注来显示其字体的颜色,这个时候,有好几种处理方法,不过目的只有一种.就是为了得到颜色字体.
这里就直接给出程序吧,其实很简单.还有另外的两三种方法吧,呵呵,其实由于用法相当多,它的设置参数也十分的多,根据需要可以设置出不同的效果出来.希望对大家有帮助.
复制代码 代码如下:
<?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>
相关文章
自从开始做Flex、ActionScript 3.0的项目，我就一直与垃圾回收、性能优化这些问题打交道，因此也总结了一些优化的方案，同时在一些QQ群中也得到了一些“高人”的指点，因此将此内容记录一下。2009-07-07
自定义自己组件的namespace呢 去Adobe那边的compiler参数查找了一下，发现可以利用-namespace、-include-namespaces这两个参数来指定自己的URL。2009-07-07
对于Java端返回的各种Java类型的对象，Flex中能否有相应的数据类型来映射。这是Flex与服务器通信使用remoteObject的关键。2009-08-08
Flex中如何通过strokeWidth, strokeColor和shadowColor样式，创建一个自定义风格的HRule或VRule2009-06-06
Flex与.NET互操作 使用FileReference+HttpHandler实现文件上传/下载
Flex与.NET互操作 使用FileReference+HttpHandler实现文件上传/下载2009-06-06
Flex 加载Base64编码的二进制字符串图片实现代码。2009-05-05
一般情况下，Flex全屏是指将整个舞台全屏，而不是待定的组件全屏．网上的例子也一般是指这种情况的．2009-09-09
Flex DataGrid DataGridColumn数据颜色多样化-类型替换
用得多了,发觉自己了解的真的是九牛之一毛都没有,最近用到了从后台读出数据时显示的问题,相信很多人都有用整形数据来代替字符串数据的情况2009-06-06
在Flex里，一般的弹出窗口（除了Alert以外）都可以用TitleWindow组件完成，主窗口和TitleWindow的数据传输可以用以下方法2009-06-06
首先在Flex中将窗体的 backgroundAlpha设为0，如： backgroundAlpha="0"2009-05-05
最新评论