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

本文主要介紹了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中文網其他相關文章！