1.需要實現(xiàn)tree的拖拽功能，首先在定義一個tree時候需要設(shè)置 dnd : true

2.easyui 給我們提供了一個onDrop : function(target, source, point) 函數(shù)，這個函數(shù)是當(dāng)你拖拽樹節(jié)點后觸發(fā)，接下來我們就需要把數(shù)據(jù)返回后臺處理

3.這里我們需要理解ondrop 函數(shù)傳進(jìn)來的三個變量分別代表什么意思，一旦理解了相信你就知道怎么做后臺數(shù)據(jù)處理了

這里我們參照API：

具體翻譯大家可以google一下，這里大家可能會疑惑，target是什么？ point的三個值分別代表什么意思？我第一次用這個函數(shù)的時候也糾結(jié)了好久，后來慢慢調(diào)試發(fā)現(xiàn)：

target并不是你拖拽節(jié)點到新位置時此節(jié)點的父節(jié)點，而是最靠近你拖拽節(jié)點新位置的節(jié)點(就是你拖動時紅色橫線標(biāo)識出的節(jié)點)，而point就是表示你拖拽節(jié)點(也就是傳進(jìn)來的source) 相對于target的位置(這里說明target不是一個node 需要getNode獲得)，它有三個值‘a(chǎn)ppend’ source 插入到target中，top source與target同級，但是source在target上方，同里 bottom在下方，具體看例子：

原先我的菜單結(jié)構(gòu)是：

(1).當(dāng)我拖動redmine節(jié)點到‘常用服務(wù)’與‘Custom Workflows’中間時，紅線標(biāo)示的是‘常用服務(wù)’，target就是‘常用服務(wù)’，當(dāng)然point值就是append，source是redmine

(2).當(dāng)我拖動Latest Issues節(jié)點到‘常用服務(wù)’與‘redmine’之間時，紅線標(biāo)示的還是‘常用服務(wù)’，但此時point就是top。

4.當(dāng)你明白這些參數(shù)后就可以把這些值傳回后臺處理，后臺根據(jù)point，target，source 就可以更新菜單層級結(jié)構(gòu)，實現(xiàn)拖拽功能并保存到后臺。

具體看代碼：

$.ajax({

url : 'UpdateMenuItemServlet',

data : {

target : next.id,

source : source.id,

point : point

},

dataType : 'json',

success : function(r){

}

});

這樣全部步驟就完了。

總結(jié)

以上是生活随笔為你收集整理的easyui树拖拽排序java_easyui tree 拖拽功能并将数据返回后台保存至数据库的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。