手机
当前位置:查字典教程网 >编程开发 >Flex >Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色
Flex 自定义DataGrid实现根据条目某一属性值改变背景颜色
摘要:自定义拓展的DataGrid(as类)代码如下:packageczgh.components{importflash.display.Spr...

自定义拓展的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 自定义DataGrid实现根据条目某一属性值改变背景颜色】相关文章:

flex4 panel去掉标题设置透明度效果代码

flex中validateall()方法实现多Item验证且结果统一提示

Flex 事件分发(FlexViewer事件机制)剥离过程

Flex DataGrid 伪合并单元格实现思路

FLEX ArrayCollection删除过滤的数据问题解决

Flex4 DataGrid中嵌入RadioButton实现思路及代码

flex内嵌html网页示例代码

flex调用webservice中的自定义类的方法

Flex Label控件竖排显示文字的实现代码

flex实现DataGrid高亮显示数据功能的解决方案

精品推荐
分类导航