jQuery EasyUI使用教程之树的拖放控制

当在一个应用中使用树插件时，拖拽和放置功能要求允许用户改变节点位置。启用拖拽和放置操作，所有您需要做的就是把树插件的 'dnd' 属性设置为true。

jQuery EasyUI最新试用版下载请猛戳>>

创建树

1 2 3 4

$( '#tt' ).tree({ dnd:  true , url:  'tree_data.json' });

当在一个树节点上发生放置操作，'onDrop' 事件将被触发，您应该做一些或更多的操作，例如保存节点状态到远程服务器端等。

1 2 3 4 5 6 7 8 9 10 11 12 13

onDrop:  function (targetNode, source, point){ var targetId = $(target).tree( 'getNode' , targetNode).id; $.ajax({ url:  '...' , type:  'post' , dataType:  'json' , data: { id: source.id, targetId: targetId, point: point } }); }

下载EasyUI示例：easyui-tree-demo.zip

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的教程>>