在实际的项目需求中,如果要求,某一列的背景色统一,并且其他列的背景色呈规律颜色(奇偶)出现,并且替换datagrid行交替颜色,这时,我们可以通过重写datagrid的方法并结合datagridColumn的backgroundColor来实现。不管tr行背景颜色如何,datagridcolumn的backgroundColor始终会覆盖其颜色。
实现类:
private var _rowColorFunction:Function;
public function set rowColorFunction(f:Function):void
{
this._rowColorFunction = f;
}
public function get rowColorFunction():Function
{
return this._rowColorFunction;
}
override protected function drawRowBackground(s:Sprite,rowIndex:int,y:Number, height:Number, color:uint, dataIndex:int):void
{
if(this.rowColorFunction != null)
{
if(dataIndex < this.dataProvider.length)
{
var item:Object = this.dataProvider.getItemAt(dataIndex);
color = this.rowColorFunction.call(this,item,color);
}
}
super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
}
mxml :
1、<mx:Application ... xmlns:BaseUI="render.*" ></...>
2、//改变颜色方法
private function rowColorFunction(item:Object, color:uint):uint
{
if(item.id=="0"){color=0xFFA500;}
else if(item.id=="1"){color=0xF10026;}
else if(item.id=="2"){color=0x9370DB;}
else if(item.id=="3"){color=0x26972d;}
else if(item.id=="4"){color=0xFFDF00;}
return color;
}
3、 <BaseUI:CustomerDataGrid .... rowColorFunction="rowColorFunction" ></...>
相关推荐
wpf中datagrid动态设置单元格背景颜色。
flex datagrid 改变指定行的背景颜色,可直接使用
datagrid设行背景色示例,提供了继承好的datagrid子类,
Flex DataGrid 改变某一行的背景颜色,自定义的DataGrid组件
把flash中datagrid改为交替背景色,类似Flex里的datagrid,一行白色,一行灰色。
Flex dataGrid 全选、反选 checkBox 不是很完善,但很有借鉴意义
flex 通过读取xml文件 实现动态DataGrid数据列表
Flex datagrid 不可以设置列宽,用这个试试吧,hehe
flex 中datagrid 动态攺变行颜色 用flex3.2打开
WPF的DataGrid展示数据源数据时,需要根据某行中某一字段值,来显示背景颜色。这里简单做了一个int类型的值,为0的时候为橙色,为1的时候为草绿色....也可以在数据源中添加Color列,并直接存放Color的16进制值,并...
flex datagrid 实现合计功能控件包 带源码,demo fxp是flex4的工程文件,导入到工作空间即可 直接导入项目即可。 更多访问我的blog www.dplayer.net
根据需要自定义修改datagrid行的背景颜色
动态填充DataGrid示例 博文链接:https://feiying-zone.iteye.com/blog/810267
FLEX的datagrid合计、平均值,很好的例子代码拿来就可以用
flex datagrid资料,下载的别人的,想弄点分数啊
这个分页只与后台交互一次,然后将获得的集合在前台进行分页显示。
很好用的动态创建DataGrid并加入图片的方式。 只需要继承和实现一个接口就可以了。
在FLEX4中开发带有过滤功能的DATAGRID组件
成功的实现了,datagrid中嵌套checkbox实现全选的功能。分享代码供大家分享。项目为flex3。
flex Datagrid checkbox全选 Datagrid