• 技术文章 >web前端 >js教程

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

    小云云小云云2017-12-29 11:16:08原创1556
    本文主要介绍了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中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:zTree 一级 展开
    上一篇:玩转jQuery实现注册会员时密码强度提示信息功能 下一篇:关于jquery+css实现下拉列表功能的实例详解
    千万级数据并发解决方案

    相关文章推荐

    • 聊聊angular中进行内容投影的方法• 浅析Angular变更检测机制,聊聊如何进行性能优化?• JavaScript对象的构造函数和new操作符(实例详解)• Angular知识点分享:聊聊表单、管道、绑定、指令、通信和周期• 深入聊聊node.js中的EventEmitter
    1/1

    PHP中文网