在 flex 4 中的 AIR 应用程序中的特定条件下更改数据网格行的文本颜色 [英] Change the text color of a datagrid row on particular condition in AIR application in flex 4
本文介绍了在 flex 4 中的 AIR 应用程序中的特定条件下更改数据网格行的文本颜色的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想在特定条件下更改数据网格行的文本颜色,即.我正在检查一个条件.如果满足,那么我必须更改每个的文本颜色单元格,即整行.
I want to change the text color of the datagrid row on particular condition ie. i am checking on a condition.If that satisfies then I have to change the text color of each cell ie the whole row.
这是代码,
private function resultHandlerGrid(event:ResultEvent):void{
arrc1 = ArrayCollection(event.result);
adg1.addEventListener( ListEvent.ITEM_CLICK,getValue);
}
private function getValue(e:ListEvent):void{
if(e.itemRenderer.data.priority == "High")
{
e.itemRenderer.data.client_name.setStyle('color',0xFF0000);
}
}
这一行抛出错误:setStyle 不是函数
This line is throwing error: setStyle is not a function
e.itemRenderer.data.client_name.setStyle('color',0xFF0000);
推荐答案
我会在自定义 ItemRenderer 中执行此操作,并通过覆盖 set data
或 updateDisplayList
来设置字体颜色> 功能.
I would do this in a custom ItemRenderer and set the font color by overriding the set data
or updateDisplayList
function.
来自这篇文章:
应用:
<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/20/formatting-a-flex-datagrid-control-using-a-custom-item-renderer/ -->
<mx:Application name="DataGridColumn_itemRenderer_test "
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical"
verticalAlign="middle"
backgroundColor="white">
<mx:Script>
<![CDATA[
import mx.controls.dataGridClasses.DataGridColumn;
import mx.utils.ObjectUtil;
private function price_labelFunc(item:Object, column:DataGridColumn):String {
return currencyFormatter.format(item.@price);
}
private function price_sortCompareFunc(itemA:Object, itemB:Object):int {
return ObjectUtil.numericCompare(itemA.@price, itemB.@price);
}
]]>
</mx:Script>
<mx:XML id="itemsXML">
<items>
<item name="Item 1" price="1.32" />
<item name="Item 2" price="-12.23" />
<item name="Item 3" price="4.96" />
<item name="Item 4" price="-0.94" />
</items>
</mx:XML>
<mx:Style>
.centered {
text-align: center;
}
</mx:Style>
<mx:CurrencyFormatter id="currencyFormatter"
precision="2"
useNegativeSign="false" />
<mx:DataGrid id="dataGrid" dataProvider="{itemsXML.item}">
<mx:columns>
<mx:DataGridColumn dataField="@name"
headerText="Name:"
headerStyleName="centered" />
<mx:DataGridColumn dataField="@price"
headerText="Price:"
textAlign="right"
headerStyleName="centered"
labelFunction="price_labelFunc"
sortCompareFunction="price_sortCompareFunc"
itemRenderer="PriceLabel" />
</mx:columns>
</mx:DataGrid>
</mx:Application>
PriceLabel.as:
/** http://blog.flexexamples.com/2007/08/20/formatting-a-flex-datagrid-control-using-a-custom-item-renderer/ */
package {
import mx.controls.Label;
import mx.controls.listClasses.*;
public class PriceLabel extends Label {
private const POSITIVE_COLOR:uint = 0x000000; // Black
private const NEGATIVE_COLOR:uint = 0xFF0000; // Red
override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
super.updateDisplayList(unscaledWidth, unscaledHeight);
/* Set the font color based on the item price. */
setStyle("color", (parseFloat(data.@price) <= 0) ? NEGATIVE_COLOR : POSITIVE_COLOR);
}
}
}
这篇关于在 flex 4 中的 AIR 应用程序中的特定条件下更改数据网格行的文本颜色的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文