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

---

Kendo UI for jQuery——?jiǎng)?chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫！查看詳情>>>

當(dāng)在一個(gè)應(yīng)用中使用樹插件時(shí)，拖拽和放置功能要求允許用戶改變節(jié)點(diǎn)位置。啟用拖拽和放置操作，所有您需要做的就是把樹插件的 'dnd' 屬性設(shè)置為true。

創(chuàng)建樹

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

當(dāng)在一個(gè)樹節(jié)點(diǎn)上發(fā)生放置操作，'onDrop' 事件將被觸發(fā)，您應(yīng)該做一些或更多的操作，例如保存節(jié)點(diǎn)狀態(tài)到遠(yuǎn)程服務(wù)器端等。

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

購買正版授權(quán)的朋友可以點(diǎn)擊""哦~~~