Ext Tree之拖动排序并保存到数据库
Ext Tree的拖动功能，主要包括两方面，同级别节点的拖动和跃级拖动．
Ext Tree提供的响应拖动操作的事件还是比较多的．
Ext Tree demo里面，使用movenode : (?Tree tree, Node node, Node oldParent, Node newParent, Number index?) 来响应节点的拖动操作，在Ext.tree.TreePanel的定义中，加入如下代码，响应拖动操作：
?}?
在Ext 2.2的官方文档中，可以看到的拖动事件如下：
movenode : (?Tree tree, Node node, Node oldParent, Node newParent, Number index?)
Fires when a node is moved to a new location in the treeFires when a node is moved to a new location in the treeListeners will be called with the following arguments:tree : TreeThe owner treenode : NodeThe node movedoldParent : NodeThe old parent of this nodenewParent : NodeThe new parent of this nodeindex : NumberThe index it was moved tonodedragover : (?Object dragOverEvent?)
Fires when a tree node is being targeted for a drag drop, return false to signal drop not allowed. The dragOverEvent ...Fires when a tree node is being targeted for a drag drop, return false to signal drop not allowed. The dragOverEvent passed to handlers has the following properties:
tree - The TreePanel target - The node being targeted for the drop data - The drag data from the drag source point - The point of the drop - append, above or below source - The drag source rawEvent - Raw mouse event dropNode - Drop node(s) provided by the source. cancel - Set this to true to signal drop not allowed. Listeners will be called with the following arguments:dragOverEvent : Object
?
nodedrop : (?Object dropEvent?)
Fires after a DD object is dropped on a node in this tree. The dropEvent passed to handlers has the following propert...Fires after a DD object is dropped on a node in this tree. The dropEvent passed to handlers has the following properties:
tree - The TreePanel target - The node being targeted for the drop data - The drag data from the drag source point - The point of the drop - append, above or below source - The drag source rawEvent - Raw mouse event dropNode - Dropped node(s). Listeners will be called with the following arguments:dropEvent : Object enddrag : (?Ext.tree.TreePanel this, Ext.tree.TreeNode node, event e?)
Fires when a drag operation is completeFires when a drag operation is completeListeners will be called with the following arguments:this : Ext.tree.TreePanel node : Ext.tree.TreeNode e : eventThe raw browser eventdragdrop : (?Ext.tree.TreePanel this, Ext.tree.TreeNode node, DD dd, event e?)
Fires when a dragged node is dropped on a valid DD targetFires when a dragged node is dropped on a valid DD targetListeners will be called with the following arguments:this : Ext.tree.TreePanel node : Ext.tree.TreeNode dd : DDThe dd it was dropped one : eventThe raw browser event以上几乎是Ext Tree提供的所有响应拖动操作的事件
Demo地址:http://www.faceye.com/xuser/,在线帮助
1 楼 demojava 2010-07-23 能不能发个源码，谢了我邮箱是：fsmdemo@163.com 2 楼 释皇天 2010-09-19 能不能发个源码，包括数据库。谢了我邮箱是：godisagirlnanyang@126.com