jQuery EasyUI Chinesisches Referenzhandbuch
/ jEasyUI樹形菜單拖放控制
jEasyUI樹形菜單拖放控制
當(dāng)在一個(gè)應(yīng)用中使用樹(Tree)插件,拖拽(drag)和放置(drop)功能要求允許用戶改變節(jié)點(diǎn)位置。啟用拖拽(drag)和放置(drop)操作,所有您需要做的就是把樹(Tree)插件的 'dnd' 屬性設(shè)置為 true。

創(chuàng)建樹形菜單(Tree)
$('#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 } }); }
下載 jQuery EasyUI 實(shí)例
jeasyui-tree-tree5.zip