快捷導(dǎo)航

zTree異步加載展開第一級節(jié)點的實現(xiàn)方法

更新時間：2017年09月05日 09:10:13 作者：弓長張&木子李

這篇文章主要介紹了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)站的支持！

您可能感興趣的文章:

相關(guān)文章

使用jquery寫個更改表格行順序的小功能
這篇文章主要介紹了使用jquery寫的更改表格行順序的小功能,需要的朋友可以參考下
2014-04-04
jquery實現(xiàn)動畫菜單的左右滾動、漸變及圖形背景滾動等效果
這篇文章主要介紹了jquery實現(xiàn)動畫菜單的左右滾動、漸變及圖形背景滾動等效果,實例分析了jquery常用的幾種背景動態(tài)變換效果,涉及jquery動態(tài)操作頁面動畫效果實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
仿JQuery輸寫高效JSLite代碼的一些技巧
這篇文章主要介紹了仿JQuery輸寫高效JSLite代碼的一些技巧,本文計劃根據(jù)他人對jQuery總結(jié)的一些速度方面的技巧和一些建議,來教你提升你的JSLite和javascript代碼,需要的朋友可以參考下
2015-01-01
jquery 事件對象屬性小結(jié)
JQuery事件中的Event屬性是經(jīng)常性的被忽略的。大多數(shù)時間你的確不怎么用它，但有些時候它還是它還是很有作用的。
2010-04-04
jQuery中innerWidth()方法用法實例
這篇文章主要介紹了jQuery中innerWidth()方法用法,實例分析了innerWidth()方法的功能、定義及獲取第一個匹配元素內(nèi)部區(qū)域?qū)挾鹊氖褂眉记?需要的朋友可以參考下
2015-01-01
jquery1.4后 jqDrag 拖動不可用
jquery 升級到1.4后 jqDrag 拖動不可用的修改方法
2010-02-02
Jquery中增加參數(shù)與Json轉(zhuǎn)換代碼
有時候，我們需要進(jìn)一步轉(zhuǎn)化為json表達(dá)式，參考Ext中的Ext.urlDecode函數(shù)，我們可以實現(xiàn)一個相應(yīng)的jquery中使用的函數(shù)。
2009-11-11
jQuery下通過$.browser來判斷瀏覽器.
用jQuery來判斷瀏覽器的類型,主要是使用$.browser這個工具類
2011-04-04
js過濾HTML標(biāo)簽以及空格的思路及代碼
今天要做一個應(yīng)用--判斷編輯器中文字的個數(shù)。如果少如20個字就不能讓其提交。沒多想，正好周末的時候看了一下js中正則表達(dá)式的內(nèi)容。很容易就想到了要用正則表達(dá)式來解決這個問題。雖說看了正則表達(dá)式的內(nèi)容是看了，但是畢竟還是剛接接觸，連基本的概念都很模糊，于是只好在網(wǎng)上找到如下的代碼：
2013-05-05
jQuery時間戳和日期相互轉(zhuǎn)換操作示例
這篇文章主要介紹了jQuery時間戳和日期相互轉(zhuǎn)換操作,結(jié)合實例形式分析了jQuery針對日期與時間戳的轉(zhuǎn)換、運算相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12