1. 程式人生 > >ztree載入完成後顯示勾選節點

ztree載入完成後顯示勾選節點

①前言:這個在度娘上沒有搜到解決的辦法,於是自己查看了ztree的API,發現其實還是比較簡單的。做個筆記以備不時之需。

②需求:

像下圖一樣,在載入完成之後就顯示需要勾選的項。

③解決方案:

首先頁面上肯定是要獲取資料庫的資料,比如你儲存的是id或者Code之類的以,隔開的資料。我這裡存貯的是code。

然後將資料庫的資料以,隔開成陣列。

利用API中的treeObj提供的getNodeByParam(),和checkNode()方法即可完成需求。

ztreeAPI傳送門:點選這裡

參考程式碼如下:

var treeObj = $.fn.zTree.getZTreeObj("mytree");
var data = "${userInfo.area_code}"; var datas = data.split(','); for(var i = 0;i<datas.length;i++) {   console.log(treeObj.getNodeByParam("code", datas[i],null))   treeObj.checkNode(treeObj.getNodeByParam("code", datas[i],null),true, false); }