首頁 > web前端 > js教程 > zTree異步載入展開第一級節點方法實現

zTree異步載入展開第一級節點方法實現

小云云
發布: 2017-12-29 11:16:08
原創
2747 人瀏覽過

本文主要介紹了zTree非同步載入展開第一級節點的實作方法,需要的朋友可以參考下,希望能幫助到大家。

在setting 中的callback 中加上onAsyncSuccess:onAsyncSuccess 回呼函數, 然後實現回呼函數    

var isFirst = true;
function onAsyncSuccess(event, treeId) {
  if (isFirst) {
      //获得树形图对象
      var zTree = $.fn.zTree.getZTreeObj("treeDemo");
      //获取根节点个数,getNodes获取的是根节点的集合
      var nodeList = zTree.getNodes();
      //展开第一个根节点
      zTree.expandNode(nodeList[0], true);
      //当再次点击节点时条件不符合,直接跳出方法
      isFirst= false;
  }
}
登入後複製

下面在給大家分享zTree獲取當前節點的下一級子節點數的實現方法。

使用zTree外掛程式實作樹形圖中,需要取得目前點選的父節點的子節點數的需求,使用treeNode.children取得子節點資料集合,使用length方法取得集合長度。

將目前節點的treeNode傳入即可呼叫。

/*查找当前节点下一级的子节点数*/
function findNodes(treeNode)
{
  var count;
  /*判断是不是父节点,是的话找出子节点个数,加一是为了给新增节点*/
  if(treeNode.isParent) {
    count = treeNode.children.length + 1 ;
  } else {
    /*如果不是父节点,说明没有子节点,设置为1*/
    count = 1;
  }
  return count;
}
登入後複製

相關推薦:

##zTree非同步載入全部節點

jquery zTree非同步載入簡單實例分享_jquery

jquery zTree非同步載入、模糊搜尋簡單實例分享_jquery

以上是zTree異步載入展開第一級節點方法實現的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板