Question

flex 4中datagrid如何根据某一列的值来设定另一列的数据显示颜色

这是我设计的datagrid,其中dataprovider是在<fx:Declarations>中定义的，

我的datagrid定义是使用组件：

现在我想的是在<fx:script>中实现功能，根据点击行的第二列，比如说是压力，然后如果监测值>3,那么监测值就显示红色，请问这样能否实现，并给出实现过程，谢谢大神！！！





Answer 1

可以实现。
下面的数据对象加个color属性；
第二列的ItemRender里加个单元格点击事件；

点击单元格时判断，符合条件时设置这一行的color为#FF0000；
在你要改变颜色的那一列的ItemRender里应该有这么个判断
if(_data.hasOwnProperty("color")&&_data["color"])
{
label.setSyle("color",_data["color"]);

}

追问

如果我不想点击，直接显示datagrid时类型为“压力”且值>3时监测值为红色，应该怎么做呢？

追答

ItemRender里的set data时直接判断，并添加颜色

Answer 2

在监测值 那里写一个itemRenderer；如这样的：
<s:GridColumn headerText="监测值" sortable="false" fontSize="18" itemRenderer="com.GriditemRender" />
itemRenderer里面就是这样的：
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:fx="http://ns.adobe.com/mxml/2009" width="100%" height="100%"
xmlns:s="library://ns.adobe.com/flex/spark" horizontalScrollPolicy="off" verticalScrollPolicy="off"
xmlns:mx="library://ns.adobe.com/flex/mx" >
<fx:Declarations>
<!-- 将非可视元素（例如服务、值对象）放在此处 -->
</fx:Declarations>
<fx:Script>
<![CDATA[

override public function set data(value:Object):void{
super.data=value;
//这个地方你需要判断下value.value这个是否为int类型的值。不是的就转化一下然后判断
if(value.value > 3){
lb.text = value.value;
lb.setStyle("color",'#ff0000');
}else{
lb.text = value.value;
lb.setStyle("color",'#ffffff');
}
}
]]>
</fx:Script>
<mx:Label id="lb" verticalCenter="0" horizontalCenter="0" />
</mx:Canvas>