ztree非同步載入

2022-09-09 02:18:09 字數 1081 閱讀 3044

以前一直困惑於樹的動態載入,前幾天用了treeview,但用於非同步載入一直不太好用,弄得心力交瘁。而且treeview的api也沒有。然後今天在csdn上看到有人提到ztree,我就去下了ztree的相關檔案。不過學習也是需要過程,我差不多用了乙個上午才搞定乙個簡單的非同步載入。現在把相關的資訊記錄下來,既可以溫故而知新,也可以幫助到其他人。

前台jsp頁面:

var setting =

} ,async:

};

function filter(treeid, parentnode, childnodes) ,

, ,

, ,

, ,

, ,

, ,

]; */

$(document).ready(function());

後台servlet:

jsonarray jsonarray = new jsonarray(); //建立jsonarray的例項

departmentlist = deptdao.selectbyupperdep(pid); //傳入乙個upperdep,得到department型別的list

for (department department : departmentlist)

response.setcharacterencoding("utf-8"); //設定編碼格式,解決頁面顯示亂碼問題

printwriter out = response.getwriter();

out.write(jsonarray.tostring()); //寫入jsonarray

}就這樣就可以非同步載入樹了。

jsp頁面顯示如下:

ztree強行非同步載入2

ztree進行非同步載入就是靠傳入引數的不同來對不同子 父節點進行判斷的,從後台返回不同的json串。進行展示。var ztree fn.ztree.getztreeobj treedemo 取得ztree的物件,就是根節點的物件 nodes ztree.getselectednodes 取得所有的...

zTree非同步載入全部節點

首先,剛接觸ztree時,一直研究非同步載入時如何在前段js中配置乙個固定的根節點,可是最終失敗了,貌似ztree不支援這種做法,這點ext就比較靈活。所以,ztree做非同步載入時,第一次在後台接收id的值會為null,此時需要對齊進行手動賦值,當展開根節點,第二次傳參到後台時,接收的id就會有值...

zTree樹形元件非同步載入資料

最近公司專案中要用到樹形元件,開始用的layui,後來發現layui的樹形元件不支援非同步載入,在網上查發現實現起來很複雜。而公司專案中也有ztree的css,js,於是就選擇了ztree。先來個普通的,總結分4步 引入js,css就不說了 1,在body裡給個實體 2,配置 setting set...