ZTREE 樹結構的使用教程

2021-09-03 01:49:41 字數 967 閱讀 7010

需求:根據不同級別的角色,將角色分在專案樹的結構的不同位置,並查詢後返回已選中的角色

例:

實現步驟:

2.新建實體類,用於接受返回值(包括擴父類id,是否開啟),具體每乙個字段使用,請參考 官方文件 ,

public class treenode
3.查詢返回主要使用的值,賦值給定義的treenode和pid,我專案中定義的結構是  當前角色id為001,子類就為001001,子類的子類就為001001001

eg:父類      001

子類1    001001

子1 子   001001001

子2子    001002001

4.js 中使用ztree,具體是否展開,可以在後台給實體類的 open 賦值,是否選中,給 check 賦值,具體每乙個字段使用,請參考 官方文件

var setting = ,

check:

},data:

},callback:

}};/**

* 獲取角色等級樹結構

*/function getallrole());

function succfunction(data) }}

補充:

儲存選中的角色時,可以參考

var treeobj = $.fn.ztree.getztreeobj("treedemo");

var nodes = treeobj.getcheckednodes(true);

第一行是獲取tree物件,然後第二行是得到ztree被選中狀態的角

zTree 還原設計稿 樹結構樣式(1)

在使用ztree控制項時,不可避免的會要根據設計稿完成對控制項原有樣式的覆蓋 下面是設計稿的樹樣式 這裡面的問題是後面節點背景條的實現 下面看下ztree初始化的 這裡對li標籤下的ul標籤進行padding left的設定,形成子節點的縮排 那我們的就不能只針對這裡的li標籤進行背景設定 解決 1...

XML的樹結構

xml 文件形成了一種樹結構,它從 根部 開始,然後擴充套件到 枝葉 xml 使用簡單的具有自我描述性的語法 george john reminder don t forget the meeting 第一行是 xml 宣告。它定義 xml 的版本 1.0 和所使用的編碼 iso 8859 1 la...

使用遞迴演算法實現樹結構

新專案需要用到左側選單欄的遍歷效果 所以自己研究寫了乙個遞迴實現樹結構的工具類 後台正常查詢資料集合,不過因為是樹結構,必須要有關聯關係的字段 注釋中會寫細節部分,如下 遞迴實現樹形工具類 public class treeutils return returntree 根據跟節點查詢子節點 roo...