flex——双击datagrid编辑、验证、保存

DataGrid默认是单击修改，太不方便。根据http://blog.chinaunix.net/u/21684/showart_971710.html中的方法，可以实现双击修改datagrid中的数据。写的挺猛，重写了双击事件。

 

但修改完成，要存入数据库吧，弄不好还要验证！这篇博客提供了方法啊：

 

example

 

源代码

 

写的非常好的。

 

主要是用了datagrid的 itemEditBeginning="onEditBeginning(event)" 和 itemEditEnd="onEditEnd(event)" 方法，这样修改后就可以使用itemEditEnd事件来进行验证、保存。onEditEnd是在修改一个datagrid单元格离开时触发。如果你想编辑完datagrid中的一行，再保存数据。那就要用到DataGridEventReason了， 那什么是DataGridEventReason呢。帮助中有，已摘抄在下面。

 

private function onEditEnd(event:DataGridEvent):void{

     ....这里可以加判断或者验证语句

     //if语句表示当焦点移动到新行，或者DataGrid失去焦点时才保存数据

     if(event.reason == DataGridEventReason.NEW_ROW || event.reason == DataGridEventReason.OTHER){保存到数据库中的语句}

......

}

 

错误提示可以用:

<mx:Style>

.errorTip{   
    fontSize:12px;   
    border-color:#333333;//注意背景颜色需要设置border-color;   
} 

</mx:Style>

 

来修改样式。

 

 DataGridEventReason

 

包	mx.events
Class	public final class DataGridEventReason
继承	DataGridEventReason  Object

 

 

 

DataGridEventReason 类定义 type 属性为 itemEditEnd 时，代表 DataGridEvent 对象的 reason 属性值的常数。

 

常量  

		CANCELLED : String = "cancelled" [] 指定用户取消了编辑，并且不希望保存已编辑的数据。	DataGridEventReason
		NEW_COLUMN : String = "newColumn" [] 指定用户已将焦点移到同一行中的新列。	DataGridEventReason
		NEW_ROW : String = "newRow" [] 指定用户已将焦点移到新行。	DataGridEventReason
		OTHER : String = "other" [] 指定 list 控件失去焦点、已滚动，或者由于某种原因处于不允许编辑的状态。

 

这样就好做了。

 

 

补充：http://blog.l4cd.net/post-datagrid-focus-change.html(可以自定义编辑顺序)

 

评论

4 楼 guomi_java 2012-05-07  

请问 如果列我用itemrender填充TextInput怎么才能实现上面的功能啊

3 楼 czwlucky 2009-09-18  

为了找grid上实现校验效果，我又转回来了，呵呵。

看了源代码，发现在校验完毕后，如果校验产生错误信息时已经将退出编辑事件给禁止了，不知道调用maintainEdit是何意？ 我试了试效果，发现如果校验不通过，只要焦点还在grid上面可编辑单元格就不会转到别处去。

2 楼 avanry 2009-08-26  

czwlucky 写道

貌似并不是双击编辑呀

看开篇的第一句话...

1 楼 czwlucky 2009-08-26  

貌似并不是双击编辑呀