最近項(xiàng)目中需要用到zTree動態(tài)構(gòu)建樹節(jié)點(diǎn)，實(shí)現(xiàn)樹節(jié)點(diǎn)的增刪改查，以及點(diǎn)擊樹節(jié)點(diǎn)展示樹節(jié)點(diǎn)對應(yīng)的頁面。趁著這個機(jī)會把zTree的用法大概看了一遍，代碼示例見我的Github：基于zTree動態(tài)生成樹節(jié)點(diǎn)的一些應(yīng)用

實(shí)現(xiàn)效果如下：
主界面：

樹節(jié)點(diǎn)的搜索（根據(jù)節(jié)點(diǎn)名稱模糊匹配子節(jié)點(diǎn)）：

上面的方法是從所有的葉子節(jié)點(diǎn)中查，如果也需要從根節(jié)點(diǎn)下的一級節(jié)點(diǎn)查詢的話，需要增加
zTreeObj.getNodesByParamFuzzy(key, value, rootNode);
//第三個參數(shù)傳根節(jié)點(diǎn)rootNode或者null，null默認(rèn)查詢根節(jié)點(diǎn)下的所有一級節(jié)點(diǎn)
獲取到根節(jié)點(diǎn)下面所有匹配的一級節(jié)點(diǎn)進(jìn)行高亮顯示；
顯示頁面：

友情鏈接：
zTree的API文檔
zTree的GitHub地址
zTree的簡單使用

總結(jié)

以上是生活随笔為你收集整理的【zTree】基于zTree动态生成树节点的一些应用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。