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


Posted in Javascript onSeptember 05, 2017

在 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异步加载展开第一级节点的实现方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
结合JQ1.9通过js正则判断各种浏览器版本的方法
Dec 30 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
Angular 4依赖注入学习教程之ClassProvider的使用(三)
Jun 04 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
vue实现登陆登出的实现示例
Sep 15 Javascript
微信小程序富文本渲染引擎的详解
Sep 30 Javascript
Vue通过URL传参如何控制全局console.log的开关详解
Dec 07 Javascript
layui将table转化表单显示的方法(即table.render转为表单展示)
Sep 24 Javascript
Vue.js 无限滚动列表性能优化方案
Dec 02 Javascript
基于Vue的侧边目录组件的实现
Feb 05 Javascript
vue下载二进制流图片操作
Oct 26 Javascript
纯js实现画一棵树的示例
Sep 05 #Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 #Javascript
基于ES6 Array.of的用法(实例讲解)
Sep 05 #Javascript
对于Javascript 执行上下文的全面了解
Sep 05 #Javascript
JS一个简单的注册页面实例
Sep 05 #Javascript
基于react组件之间的参数传递(详解)
Sep 05 #Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 #Javascript
You might like
PHP5.4中json_encode中文转码的变化小结
2013/01/30 PHP
解决laravel session失效的问题
2019/10/14 PHP
PHP 面向对象程序设计之类属性与类常量实现方法分析
2020/04/13 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
简单三步,搞掂内存泄漏
2007/03/10 Javascript
javascript DOM编程实例(智播客学习)
2009/11/23 Javascript
了解jQuery技巧来提高你的代码
2010/01/08 Javascript
javascript 不间断的图片滚动并可点击
2010/01/15 Javascript
jQuery学习2 选择器的使用说明
2010/02/07 Javascript
JQuery Tab选项卡效果代码改进版
2010/04/01 Javascript
基于jquery的当鼠标滚轮到最底端继续加载新数据思路分享(多用于微博、空间、论坛 )
2011/10/10 Javascript
jQuery EasyUI API 中文文档 - Spinner微调器使用
2011/10/21 Javascript
javascript中的self和this用法小结
2014/02/08 Javascript
JavaScript中使用stopPropagation函数停止事件传播例子
2014/08/27 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
使用jquery datatable和bootsrap创建表格实例代码
2017/03/17 Javascript
Node.js 8 中的重要新特性
2017/06/28 Javascript
vue底部加载更多的实例代码
2018/06/29 Javascript
vue中使用vee-validator完成表单校验方案
2019/11/01 Javascript
JS实现简易留言板特效
2019/12/23 Javascript
JavaScript闭包原理与用法学习笔记
2020/05/29 Javascript
Python实现简单HTML表格解析的方法
2015/06/15 Python
pandas多级分组实现排序的方法
2018/04/20 Python
pycharm 安装JPype的教程
2019/08/08 Python
python base64库给用户名或密码加密的流程
2020/01/02 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
python实现斗地主分牌洗牌
2020/06/22 Python
基于HTML5 audio元素播放声音jQuery小插件
2011/05/11 HTML / CSS
印度在线杂货店:bigbasket
2018/08/23 全球购物
生物制药自我鉴定
2014/01/25 职场文书
会计专业自我鉴定
2014/02/10 职场文书
爬山的活动方案
2014/08/16 职场文书
CSS使用伪类控制边框长度的方法
2022/01/18 HTML / CSS
美元符号 $
2022/02/17 杂记
golang的文件创建及读写操作
2022/04/14 Golang