Flex动态生成可编辑的DataGrid

一：先说说我写这个DataGrid具有的功能

???? 1、表头是动态生成的。

???? 2、每行都是有序号的。

???? 3、每行都是可以编辑、插入、删除、修改的。

???? 4、每个单元格都是加验证的。

???? 5、单元格有些是经过渲染生成的比如：Combobox,DateField...

二、说一些实现这些功能的困难

??? 写这个的时候感觉都是困难不知道，走过来了也就木有神马啦，最让我费劲的就是渲染例如：Combobox在渲染的时候不能用ItemRenderer因为他不能绑定值，只能用ItemEditor但是怎样获得这个一个经过渲染的对象，通过百度不断地百度，终于发现了ClassFactory这个工厂可以生产各种想要的组件。各种困难现在都记不起来了，三天时间终于完成啦。为什吗要这样写呢？因为要做数据更新系统，每年数据都会有变化，这样页面也需要变化，总不能每年都去改源码吧，不如想个法子全给他整成动态的。这就是写这个的初衷。

三、关键源码

package datagridview
{
	
	import com.adobe.serialization.json.JSON;
	import com.jzh.test.ComboxColumn;
	import com.jzh.test.ComboxItem;
	
	import mx.collections.ArrayCollection;
	import mx.controls.Alert;
	import mx.controls.ComboBase;
	import mx.controls.ComboBox;
	import mx.controls.DateField;
	import mx.controls.RadioButtonGroup;
	import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
	import mx.core.ClassFactory;
	import mx.validators.RegExpValidator;
	
	import spark.components.DropDownList;
	
	public class RendererUtil
	{
		
		public function RendererUtil()
		{
		}
		public static function getButtonRenderer():ClassFactory{
			var f:ClassFactory=new ClassFactory(OperateButtons);
			f.properties={};
			return f;
		}
		public static function getNumRenderer():ClassFactory{
			var f:ClassFactory=new ClassFactory(numLabel);
			f.properties={};
			return f;
		}
		public static function getComboxRenderer(arr:ArrayCollection,label:String):ClassFactory{
			//应该在这里查询数据库
			var f:ClassFactory=new ClassFactory(ComboBox);
			f.properties={dataProvider: arr,labelField:label,selectedIndex:'0',selectedItem:'石质路面'};//添加属性,绑定选择状态
			return f;
		}
		public static function getRadioRenderer(label:String):ClassFactory{
			var f:ClassFactory=new ClassFactory(ComboBox);
			var arr:ArrayCollection=new ArrayCollection();
			arr.addItem("是");
			arr.addItem("否");
			f.properties={dataProvider: arr,selectedItem:'否'};//添加属性,绑定选择状态
			return f;
		}
		public static function getDateRenderer():ClassFactory{
			var f:ClassFactory=new ClassFactory(DateField);
			f.properties={formatString:"YYYY-MM-DD",showToday:true};//添加属性,绑定选择状态
			return f;
		}
		/*本来想在这渲染生成验证器的，无奈技术在达不到*/
		public static function getValidateRenderer():ClassFactory{
			var f:ClassFactory=new ClassFactory(RegExpValidator);
			f.properties={	source:"roadcode",property:"text",expression:"^[0-9]*$",noMatchError:"填写验证不通过时显示他提示信息" };//添加属性,绑定选择状态
			return f;
		}
		/*测试用*/
		public static function getRenderer(label:String,callback:Function=null):ClassFactory{
			var f:ClassFactory=new ClassFactory(numLabel);
			f.properties={lab:label,callback:callback};
			return f;
		}
		
	}
}

以上代码是渲染器部分。

?http://download.csdn.net/my

说说我沮丧的心情，好不容易整出来的，信心满满的跟经理说，但经理说这样客户体验不好啊，还是每行操作的时候经行页面跳转吧。那样好！，好吧