關於ztree的操作

2021-10-01 13:14:28 字數 980 閱讀 2678

簡介

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 必須使用此方...