flex DataGrid根据数据动态显示行颜色（重写DataGrid组件）

关注

原创最新推荐文章于 2016-11-07 14:52:33 发布 4.8k 阅读 AI 写同款· GEO 优化 ›

USB通讯速度翻倍秘诀：手把手教你用WinUsb替代HID协议（附Zadig驱动配置图解）本文详细介绍了如何通过WinUsb技术替代传统HID协议，实现USB通讯速度的显著提升。从技术对比、实现原理到Zadig驱动配置图解，手把手教你完成免驱高速通讯方案，适用于数据采集、固件升级等场景，实测速度可达HID协议的2倍以上。阅读详情

需求：能根据记录的紧急程度显示不同的颜色，如紧急，该行要用红色表示。


MyDataGrid组件代码：
package common.flash.datagrid
{   
	import flash.display.Sprite;
	import mx.collections.ArrayCollection;
	import mx.controls.DataGrid;
	
	public class MyDataGrid extends DataGrid
	{
		
		private var _rowColorFunction:Function;
		private var _customed:Boolean;
		private var _customerColor:uint=0;
		
		public function MyDataGrid()
		{
			super();
		}
		
		override protected function drawRowBackground(s:Sprite, rowIndex:int, y:Number, height:Number, color:uint, dataIndex:int):void
		{
			 if (_customed==true)
		  	 {
		         if(this._rowColorFunction != null)
			     {
				     if (dataIndex < this.dataProvider.length)
				     {
					      var item:Object=this.dataProvider.getItemAt(dataIndex);//设定颜色
					      color=this._rowColorFunction.call(this, item, color);
				     }
			      }
				  else
				  {
					   if (this._customerColor!=0)
					   {
						    if (dataIndex < this.dataProvider.length)
						    {
						    	color=this._customerColor;
						    }
					   }
				  }
			}
			super.drawRowBackground(s, rowIndex, y, height, color, dataIndex);
		} 
		
		override public function set columns(value:Array):void
		{
			super.columns = value;
		}
		
		override public function set dataProvider(value:Object):void
	    {
	        super.dataProvider = value;
	    }
	    
		public function set rowColorFunction(rowColorFunction:Function):void
		{
		this._rowColorFunction=rowColorFunction;
		}
		
		public function get rowColorFunction():Function
		{
		return this._rowColorFunction;
		}
		  
		public function set customed(customed:Boolean):void
		{
		 _customed=customed;
		}
		  
		public function get customed():Boolean
		{
		return _customed;
		}
		  
		public function set customerColor(customerColor:uint):void
		{
		 _customerColor=customerColor;
		}
		  
		public function get customerColor():uint
		{
		return _customerColor;
		}
	}
}

在mxml中调用如代码：

<custom:MyDataGrid  id="myDataGrid" customed="true"   rowColorFunction="showStatus" >

showStatus函数如下：

private function showStatus(item:Object, color:uint):uint
{
	if (item.status=="1") 
	{
		return 0x32f817;
	}
	else if (item.status=="2")
	{
		return 0x8ad5fc;
	}
	else if(item.status=="6") 
	{
		return 0xe7e3e3;
	}
	return color;
}