flex实现DataGrid高亮显示数据的功能
来源:互联网 发布:中山淘宝招聘信息查询 编辑:程序博客网 时间:2024/05/16 12:30
flex要高亮数据一般可以使用选中效果或者设置背景,选中效果只能是高亮一条,多条高亮只能设置背景来达到效果。但是原生的DataGrid根本无法达到所要的效果,目前一般就是来改写原生的DataGrid,只需重新写一个类来重写drawRowBackground方法就可以了,代码如下
package org.lxh{ import flash.display.Sprite;import mx.controls.DataGrid;public class SpecialDataGrid extends DataGrid{private var _rowColorFunction:Function; //用于在外部能通过指定一个方法 去实现改变列的背景色public function SpecialDataGrid(){super();}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);}}}
用的时候先引入名称空间 xmlns:control="org.lxh.*",把原来的DataGrid改成下面这样
<control:SpecialDataGrid id="planDataGrid" width="100%" height="100%" alternatingItemColors="[0xe3eaf2,0xe8f1f8]" dataProvider="{strArray}" rowColorFunction="colorFunction" doubleClick="planDataGrid_doubleClickHandler(event)" doubleClickEnabled="true"><control:columns><mx:DataGridColumn dataField="选择" width="50" sortable="false" resizable="false" showDataTips="true"><mx:itemRenderer><fx:Component><mx:CheckBox change="outerDocument.checkChangeHandlerForPlan(event)"/></fx:Component></mx:itemRenderer></mx:DataGridColumn><mx:DataGridColumn dataField="id" headerText="主键" visible="false"/></control:columns></control:SpecialDataGrid>rowColorFunction属性用来设置高亮的效果,例如那一列需要高亮,对应的function如下
private function colorFunction(item:Object, color:uint):uint{var col:uint=0xe3eaf2;if(commonMsg.length > 0){for(var i:int=0;i<commonMsg.length;i++){if(commonMsg.getItemAt(i).id==item.id){col=0xF10026;}}}return col;}到这里效果就做出来了
- flex实现DataGrid高亮显示数据的功能
- Flex DataGrid数据的多种显示方式
- Flex DataGrid数据的多种显示方式
- Flex DataGrid数据的多种显示方式
- Flex DataGrid数据的多种显示方式
- Flex dataGrid实现数据过滤
- Flex dataGrid实现数据过滤
- Flex中如何实现DataGrid的数据的反选
- flex datagrid 实现合计功能控件包
- flex datagrid 中实现序号功能
- flex 获取datagrid的数据
- flex Datagrid数据列双击事件实现
- flex中dataGrid的编辑功能
- flex 4 datagrid 带有翻页功能的
- flex中dataGrid的编辑功能 <精华>
- flex中dataGrid的编辑功能详解
- Flex 动态调整DataGrid列的显示
- Flex 动态调整DataGrid列的显示
- java 高效率的排列组合算法(java实现)
- spring 注入Date 类型的数据
- iOS 4层结构(iOS技术概要)—— Core Services层(三)
- 利用run-as命令在不root情况下读取data下面的数据
- 基于storm和hadoop的广告系统研究【4】
- flex实现DataGrid高亮显示数据的功能
- unity3d学习笔记(八)--NGUI制作游戏界面
- 如何在多台机器上共享ios证书(转)
- 前端页面开发之Node.js初学者指南
- vc获取操作系统的语言
- java中集合类比较
- 《算法导论》第十章——基本数据结构(一):栈与队列
- 宏的一些使用
- WPF WindowState.Maximized 和 Normal