现在的位置: 主页 > 商讯 > 文章列表

flex datagrid 动态设置行背景色

作者:厦工楚胜(湖北)专用汽车制造有限公司 来源:www.szzq168.com 发布时间:2017-09-03 12:22:29
 

flex datagrid 动态设置行背景色

> Web开发 > 其他 > 正文 flex datagrid 动态设置行背景色 2013-03-11 15:57:34 作者:newcnzz 我要投稿 在实际的项目需求中,可视化专题,如果要求,某一列的背景色统一,并且其他列的背景色呈规律颜色(奇偶)出现,并且替换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" ></...>

点击复制链接 与好友分享!回本站首页 您对本文章有什么意见或着疑问吗?请到论坛讨论您的关注和建议是我们前行的参考和动力 上一篇:web应用系统架构--缓存架构策略 下一篇: 相关文章

Ruckus ZoneFlex 7300打破802.11n系

Adobe Flex3.0 学习心得分享

AMD,戴尔,Flextronics公司等数名高管

基于Socket实现Flex与Java通信

Flex分页控件

定制Flex菜单图标

利用Flex 10.1 SDK开发某软件注册机

Flex与java通过BlazeDS实现通信(简单

flex与servlet 交互

Flex与JavaScript的交互:调用JavaSci

图文推荐

,专题系统

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:襄阳网站建设公司 https://www.jingchucn.com/zt/xiangyang_wangzhanjianshe/

  • 上一篇:Asp.net网页中DataGridView数据导出到Excel
  • 下一篇:最后一页