Jquery外掛程式 之 zTree樹載入

2022-03-14 22:54:48 字數 1500 閱讀 6653

ztree樹載入

ztree 是乙個依靠 jquery 實現的多功能 「樹外掛程式」。優異的效能、靈活的配置、多種功能的組合是 ztree 最大優點。

在做專案的時候,我們經常能用到ztree,但是,有的時候,因為樹資料過多,而導致樹載入很慢,測試超過10000條資料就要載入3秒左右,如果有更多的資料,那使用者的體驗會是乙個什麼樣子?

今天也是在做專案的時候遇到這個問題,也就來做下筆記!

@autowired

private

jdbctemplate jdbctemplate;

@override

public listfinduserlist(string areacode)

stringbuilder sql = new

stringbuilder();

"select * from user where part_id = '

" + areacode + "'"

);

//判斷是否為第一次進來,如果是第一次,則查詢頂級節點和下一級節點,如果不是,則只查詢當前areacode的子節點

if("

620000

".equals(areacode))

list

));

return list;

根據以上的實現層,我們可以拿到資料的list集合,然後就是去拼接ztree需要的json格式資料。

@autowired

private

userservice userservice;

//controller層,推薦使用post

這樣,我們需要的 json 字串就拼接出來了,下一步,就是要在頁面進行顯示!

zTree 優秀的jquery樹外掛程式

ztree 優秀的jquery樹外掛程式,文件詳細,渲染快 使用方法 1 引用ztree的js和css檔案 2 ztree的html為 ul id treeinfo class ztree ul 需加class ztree 3 初始化樹 var setting check view fn.ztree...

JQuery 有關於 ZTree 外掛程式

var ztree1 var setting var retrunobj setting async url portal inventorytypeaction gettree.action data callback beforecollapse function onclick ztreeon...

頂級jQuery樹外掛程式

jstree jstree是乙個基於jquery的tree控制項。支援html json和xml等多種資料來源。jstree是所有jquery樹外掛程式中功能最完善的。支援拖放 複製 刪除 快捷鍵 多選 自定義節點圖示 自定義右鍵選單 跨頁面保持狀態等等。此外,它還支援主題功能,並自帶有主題包。js...