z-Tree技術(shù)
z-Tree主要是處理樹狀信息的插件搬瑰,需要從官網(wǎng)下載相關(guān)的js,css文件進(jìn)行引入
官網(wǎng)及api地址:http://www.treejs.cn/v3/main.php#_zTreeInfo
1.對(duì)z-Tree的使用:
定義ul標(biāo)簽并給它賦予id值
通過$.fn.zTree.init($("#treeDemo"), this.setting, this.zNodes)對(duì)樹狀圖進(jìn)行渲染
注:setting是控制z-Tree視圖以及操作方法的集合誊垢,zNodes則是數(shù)據(jù)的集合
2.當(dāng)遇到z-Tree節(jié)點(diǎn)不可跨級(jí)點(diǎn)擊取消時(shí)员淫,可以通過id以及parentId來進(jìn)行控制:
注意:zTree.destroy()時(shí)對(duì)z-Tree視圖的銷毀操作担敌,每次需要銷毀,接著通過循環(huán)zNodes數(shù)據(jù)來進(jìn)行pid坝冕,chenked判斷是否選中,同時(shí)通過一個(gè)中間變量值flag來確定是否要再次點(diǎn)擊時(shí)是否全部反選或者取消