zTree異步加載展開(kāi)第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法
在 setting 中的 callback 中加上 onAsyncSuccess:onAsyncSuccess 回調(diào)函數(shù) , 然后實(shí)現(xiàn)回調(diào)函數(shù)
var isFirst = true; function onAsyncSuccess(event, treeId) { if (isFirst) { //獲得樹(shù)形圖對(duì)象 var zTree = $.fn.zTree.getZTreeObj("treeDemo"); //獲取根節(jié)點(diǎn)個(gè)數(shù),getNodes獲取的是根節(jié)點(diǎn)的集合 var nodeList = zTree.getNodes(); //展開(kāi)第一個(gè)根節(jié)點(diǎn) zTree.expandNode(nodeList[0], true); //當(dāng)再次點(diǎn)擊節(jié)點(diǎn)時(shí)條件不符合,直接跳出方法 isFirst= false; } }
下面在給大家分享zTree獲取當(dāng)前節(jié)點(diǎn)的下一級(jí)子節(jié)點(diǎn)數(shù)的實(shí)現(xiàn)方法。
使用zTree插件實(shí)現(xiàn)樹(shù)形圖中,需要獲取當(dāng)前點(diǎn)擊的父節(jié)點(diǎn)的子節(jié)點(diǎn)數(shù)的需求,使用treeNode.children獲取子節(jié)點(diǎn)數(shù)據(jù)集合,使用length方法獲取集合長(zhǎng)度。
將當(dāng)前節(jié)點(diǎn)的treeNode傳入即可調(diào)用。
/*查找當(dāng)前節(jié)點(diǎn)下一級(jí)的子節(jié)點(diǎn)數(shù)*/ function findNodes(treeNode) { var count; /*判斷是不是父節(jié)點(diǎn),是的話找出子節(jié)點(diǎn)個(gè)數(shù),加一是為了給新增節(jié)點(diǎn)*/ if(treeNode.isParent) { count = treeNode.children.length + 1 ; } else { /*如果不是父節(jié)點(diǎn),說(shuō)明沒(méi)有子節(jié)點(diǎn),設(shè)置為1*/ count = 1; } return count; }
總結(jié)
以上所述是小編給大家介紹的zTree異步加載展開(kāi)第一級(jí)節(jié)點(diǎn)的實(shí)現(xiàn)方法,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- ztree獲取當(dāng)前選中節(jié)點(diǎn)子節(jié)點(diǎn)id集合的方法
- js樹(shù)插件zTree獲取所有選中節(jié)點(diǎn)數(shù)據(jù)的方法
- 后臺(tái)獲取ZTREE選中節(jié)點(diǎn)的方法
- zTree實(shí)現(xiàn)節(jié)點(diǎn)修改的實(shí)時(shí)刷新功能
- 在父頁(yè)面得到zTree已選中的節(jié)點(diǎn)的方法
- ztree獲取選中節(jié)點(diǎn)時(shí)不能進(jìn)入可視區(qū)域出現(xiàn)BUG如何解決
- jQuery插件zTree實(shí)現(xiàn)刪除樹(shù)節(jié)點(diǎn)的方法示例
- jQuery插件zTree實(shí)現(xiàn)的基本樹(shù)與節(jié)點(diǎn)獲取操作示例
- jQuery插件zTree實(shí)現(xiàn)清空選中第一個(gè)節(jié)點(diǎn)所有子節(jié)點(diǎn)的方法
- zTree節(jié)點(diǎn)文字過(guò)多的處理方法
相關(guān)文章
jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果附源碼下載
這篇文章主要介紹了jQuery animate和CSS3相結(jié)合實(shí)現(xiàn)緩動(dòng)追逐效果的相關(guān)資料,需要的朋友可以參考下2016-04-04jQuery 選擇器、DOM操作、事件、動(dòng)畫(huà)
jquery的東西也算不少,記下來(lái)有助于以后參考。這樣也挺方便。2010-11-11jquery實(shí)現(xiàn)的table排序功能示例
這篇文章主要介紹了jquery實(shí)現(xiàn)的table排序功能,涉及基于jQuery的頁(yè)面元素屬性動(dòng)態(tài)操作及鼠標(biāo)事件響應(yīng)相關(guān)技巧,需要的朋友可以參考下2017-03-03關(guān)于頁(yè)面加載即執(zhí)行JQuery的三種方法小結(jié)
這篇文章主要介紹了關(guān)于頁(yè)面加載即執(zhí)行JQuery的三種方法小結(jié),具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-10-10基于jquery & json的省市區(qū)聯(lián)動(dòng)代碼
基于jquery & json的省市區(qū)聯(lián)動(dòng)代碼,需要的朋友可以參考下2012-06-06Easyui ueditor 整合解決不能編輯的問(wèn)題(推薦)
這篇文章主要介紹了Easyui ueditor 整合解決不能編輯的問(wèn)題 ,需要的朋友可以參考下2017-06-06三分鐘帶你玩轉(zhuǎn)jQuery.noConflict()
這篇文章主要介紹了三分鐘帶你玩轉(zhuǎn)jQuery.noConflict() 的相關(guān)資料,需要的朋友可以參考下2016-02-02