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 相关文章推荐
基于jquery的设置页面文本框 只能输入数字的实现代码
Apr 19 Javascript
Jquery 的outerHeight方法使用介绍
Sep 11 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
js实现自动图片轮播代码
Mar 22 Javascript
微信小程序分页加载的实例代码
Jul 11 Javascript
Vue Cli3 创建项目的方法步骤
Oct 15 Javascript
微信小程序实现文字跑马灯
May 26 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
微信小程序之下拉列表实现方法解析(附完整源码)
Aug 23 Javascript
Vue form表单动态添加组件实战案例
Sep 02 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 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
php 上传文件类型判断函数(避免上传漏洞 )
2010/06/08 PHP
php基于socket实现SMTP发送邮件的方法
2015/03/05 PHP
php程序内部post数据的方法
2015/03/31 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
js利用div背景,做一个竖线的效果。
2008/11/22 Javascript
5款Javascript颜色选择器
2009/10/25 Javascript
深入理解JavaScript作用域和作用域链
2011/10/21 Javascript
js键盘事件的keyCode
2014/07/29 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
深入浅析JavaScript中的Function类型
2016/07/09 Javascript
利用JS判断鼠标移入元素的方向
2016/12/11 Javascript
Bootstrap源码解读模态弹出框(11)
2016/12/28 Javascript
Vue + Webpack + Vue-loader学习教程之功能介绍篇
2017/03/14 Javascript
Vue2组件tree实现无限级树形菜单
2017/03/29 Javascript
手机端转换rem适应
2017/04/01 Javascript
vue获取input输入值的问题解决办法
2017/10/17 Javascript
node内置调试方法总结
2018/02/22 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
vue动态绘制四分之三圆环图效果
2019/09/03 Javascript
JavaScript函数重载操作实例浅析
2020/05/02 Javascript
Vue实现简单的跑马灯
2020/05/25 Javascript
原生小程序封装跑马灯效果
2020/10/21 Javascript
[01:04:14]VP vs TNC 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python使用Socket(Https)Post登录百度的实现代码
2012/05/18 Python
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python+Selenium+phantomjs实现网页模拟登录和截图功能(windows环境)
2019/12/11 Python
Python 2种方法求某个范围内的所有素数(质数)
2020/01/31 Python
Python函数递归调用实现原理实例解析
2020/08/11 Python
Python字典取键、值对的方法步骤
2020/09/30 Python
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
天游软件面试
2013/11/23 面试题
理想点亮人生演讲稿
2014/05/21 职场文书
美化环境标语
2014/06/20 职场文书
SpringBoot SpringEL表达式的使用
2021/07/25 Java/Android