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

---

Kendo UI for jQuery——创建现代Web应用程序的最完整UI库！查看详情>>>

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

创建树

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

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

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示例：

购买正版授权的朋友可以点击""哦~~~