jQuery EasyUI 樹形菜單 - 樹形菜單拖放控制
當在一個應用中使用樹(Tree)插件,拖拽(drag)和放置(drop)功能要求允許用戶改變節點位置。啟用拖拽(drag)和放置(drop)操作,所有您需要做的就是把樹(Tree)插件的 'dnd' 屬性設置為 true。
創建樹形菜單(Tree)
$('#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
}
});
}
