日期:2014-05-16  浏览次数:20451 次

Ext Tree之拖动排序并保存到数据库

Ext Tree的拖动功能,主要包括两方面,同级别节点的拖动和跃级拖动.

Ext Tree提供的响应拖动操作的事件还是比较多的.

Ext Tree demo里面,使用movenode : (?Tree tree, Node node, Node oldParent, Node newParent, Number index?) 来响应节点的拖动操作,在Ext.tree.TreePanel的定义中,加入如下代码,响应拖动操作:

view sourceprint?
01.tree.on('movenode',function(tree,node,oldParent,newParent,index){
02.????????????Ext.Ajax.request({
03.????????????????url:base.path+'example/extTreeAction!move.do',
04.????????????????params:{
05.?????????????????nodeId:node.id,
06.?????????????????oldParentId:oldParent.id,
07.?????????????????newParentId:newParent.id,
08.?????????????????index:index
09.????????????????}
10.????????????});
11.????????});

在拖动的时候,主要通过发送ajax请求,到后台,进行数据的同步修改.

在action 中,使用如下代码:

友情链接: 爱易网 云虚拟主机技术 云服务器技术 程序设计技术 开发网站 APP开发教程
Copyright © 2013-2024 爱易网页 当前在线:334人  网站在12时30分43秒内访问总人数:155730人 当前 22.76%  粤ICP备18100884号-2