ZTree控制項的簡單使用

首先引用必須的檔案

(function ($) ;

$.fn.createtree.datasouce = ,
success: function (data) 
});return strtreedata;  //（該內容是樹控制項所展示的資料  以上ajax 可以修改,注意改ajax 不能使用非同步。）

}};
$.fn.createtree.init = ,
data: , key: 
},callback: 
};return treeconfig;
},treeclick: function (event, treeid, treenode) ,
selectnode: function (textid, isvalue) 
}},//--預設選擇第乙個子節點，isvalue預設選中幾個
treeinit: function (datasourcetrees) ,
//結束：樹自定義圖示、載入資料後重新勾選一次、預設選擇第乙個子節點
changetreeinco: function (treeid)  else 
ztree.updatenode(nodesdt[i]); //更新}},
gettreefirstsubnodelevel: function (treeid) 
return currentlevel;}}
return 0;}};
})(jquery);

以上準備工作做完以後，開始在事件裡面初始化tree

$.fn.createtree();    //初始化$.fn.ztree.getztreeobj("device_tree").expandall(true);  //展開樹，樹預設是不展開的  device_tree 是 ul 標籤的id

ztree的簡單使用

ztree 是乙個依靠 jquery 實現的多功能 樹外掛程式 優異的效能 靈活的配置 多種功能的組合是 ztree 最大優點。ztree 是開源免費的軟體 mit 許可證 其實ztree的api已經說得足夠明白了，自己再記錄一遍加深一下印象。id treedemo class ztree ul 1...

zTree的簡單使用

理論可以看 ztree的使用依賴於js，所以要先引入js 我這個是簡單資料模式 在對應的js中 function var log callback fn.ztree.init treedemo setting,json.parse jsonarr val jsonstr jsonstr json.p...

zTree樹的簡單使用

ztree是乙個依靠 jquery 實現的多功能的樹外掛程式 官網 簡單使用 1.引入css和js 2.簡單配置 var setting data 3.獲取後台傳來的資料 後端返回json資料,為了業務需求需要在要顯示的物件中新增id,pid,checked屬性 private string id ...