原創(chuàng)|使用教程|編輯:龔雪|2016-06-28 09:29:45.000|閱讀 568 次
概述:當(dāng)在一個應(yīng)用中使用樹插件時,拖拽和放置功能要求允許用戶改變節(jié)點位置。本文主要為大家介紹如何進行樹的拖放控制。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
Kendo UI for jQuery——創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫!查看詳情>>>
當(dāng)在一個應(yīng)用中使用樹插件時,拖拽和放置功能要求允許用戶改變節(jié)點位置。啟用拖拽和放置操作,所有您需要做的就是把樹插件的 'dnd' 屬性設(shè)置為true。
$('#tt').tree({ dnd: true, url: 'tree_data.json' });
當(dāng)在一個樹節(jié)點上發(fā)生放置操作,'onDrop' 事件將被觸發(fā),您應(yīng)該做一些或更多的操作,例如保存節(jié)點狀態(tài)到遠程服務(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示例:
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉(zhuǎn)載自:慧都控件網(wǎng)