Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色
更新时间:2014年07月27日 14:37:49 投稿:whsnow
本节主要介绍了Flex DataGrid根据条目某一属性值改变背景颜色,此DataGrid为自定义拓展的,需要的朋友可以参考下
自定义拓展的DataGrid(as类)代码如下:
package czgh.components { import flash.display.Sprite; import mx.controls.DataGrid; import mx.core.UIComponent; public class OptionalDataGrid extends DataGrid { private var _rowColorFunction:Function; private var _customed:Boolean; private var _customerColor:uint=0; public function OptionalDataGrid() { super(); } override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void { color=0XFFFFFF; 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); } override protected function drawHeaderBackground(headerBG:UIComponent):void { headerBG.setStyle("borderVisible","false"); } public function set rowColorFunction(rowColorFunction:Function):void { this._rowColorFunction=rowColorFunction; } public function get rowColorFunction():Function { return this._rowColorFunction; } } }
在mxml中实现自定义的datagrid并使用 其rowColorFunction方法
//通过比较每条记录中dataField为act和stand的大小决定该条记录的背景颜色 private function setCustomColor(item:Object, color:uint):uint { if (Number(item["act"])<Number(item["stand"])) { return 0x7bbfea; } return color; }
相关文章
Flex中TextInput组件设置限制某些字符的输入的方法
TextInput组件设置限制输入例如限制某个字符的输入、设置只能输入某些字符等等,下面是具体的示例,喜欢的朋友可以参考下2014-01-01js调用Flex中的方法并向flex中传参及flex调用js示例
本文为大家详细介绍喜爱js调用Flex中的方法以及向flex中传参与flex调用js,具体示例如下,感兴趣的朋友不妨参考下,希望对大家有所帮助2013-07-07flex中validateall()方法实现多Item验证且结果统一提示
在本文将为大家介绍下flex中validateall()方法如何实现多Item验证且结果统一提示,具体如下,感兴趣的朋友可以参考下2013-09-09如何在Renderer中设置属性 Renderer中设置属性的方法实例
如何在Renderer中设置属性 Renderer中设置属性的方法实例,需要的朋友可以参考一下2013-06-06
最新评论