簡介
ztree 是乙個依靠 jquery 實現的多功能 「樹外掛程式」。優異的效能、靈活的配置、多種功能的組合是 ztree 最大優點。專門適合專案開發,尤其是 樹狀選單、樹狀資料的web顯示、許可權管理等等。
ztree官網api:
入門--簡單的ztree
1.引入js與css
2.寫組織數模型,固定格式:
3.初始化數,這個時候完成後,開啟頁面樹就會出現:
//設定樹的初始化名稱
var ztreeobj;
// ztree 的引數配置,深入使用請參考 api 文件(setting 配置詳解)
var setting = {};
// ztree 的資料屬性,深入使用請參考 api 文件(ztreenode 節點資料詳解)
var znodes = [
, ]},
, ]}
];//open:true 代表這個節點開啟
//載入頁面時載入樹:
$(document).ready(function());
//ztreeobj--整個ztree,並且可以設定一些配置【具體參考ztreeobj在官方api的配置】
//setting--配置資訊
//znodes--資料來源
//$("#treedemo")--樹展示的地方
通過ajax非同步載入樹1
1.引入js與css樣式
2.設定ztree模型
3.通過js**初始化非同步動態載入ztree
通過ajax非同步載入樹2
1.引入js與css樣式:
2.ztree模型:
3.js
詳情請參考官網。 ZTree節點的常用操作
在以前專案改造過程中涉及到ztree的簡單應用,在接下來的專案中有個業務模組涉及到ztree節點的操作,包含新增,刪除,修改,留 備忘。首先是ztree的配置資訊 var setting edit 新增方法 var newcount 1 function addnode e var isparent...
JQuery 有關於 ZTree 外掛程式
var ztree1 var setting var retrunobj setting async url portal inventorytypeaction gettree.action data callback beforecollapse function onclick ztreeon...
關於zTree樹形外掛程式搜尋框。
今天學習了乙個ztree樹形搜尋框的功能,學習之前先把ztree的相關知識看了一遍,記錄下來如下 1.獲取 id 為 treedemo 的 ztree 物件 var treeobj fn.ztree.getztreeobj treedemo 2.ztree 初始化方法,建立 ztree 必須使用此方...