原創|使用教程|編輯:龔雪|2016-06-28 09:29:45.000|閱讀 583 次
概述:當在一個應用中使用樹插件時,拖拽和放置功能要求允許用戶改變節點位置。本文主要為大家介紹如何進行樹的拖放控制。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
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示例:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉載自:慧都控件網