Rumah > hujung hadapan web > tutorial js > zTree异步加载展开第一级节点方法实现

zTree异步加载展开第一级节点方法实现

小云云
Lepaskan: 2017-12-29 11:16:08
asal
2776 orang telah melayarinya

本文主要介绍了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;
  }
}
Salin selepas log masuk

下面在给大家分享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;
}
Salin selepas log masuk

相关推荐:

zTree异步加载全部节点

jquery zTree异步加载简单实例分享_jquery

jquery zTree异步加载、模糊搜索简单实例分享_jquery

Atas ialah kandungan terperinci zTree异步加载展开第一级节点方法实现. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan