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的教程>>