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