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 中关于CSS操作部分使用说明
Jun 10 Javascript
不懂JavaScript应该怎样学
Apr 16 Javascript
javascript 页面划词搜索JS
Sep 28 Javascript
JSON 和 JavaScript eval使用说明
Jun 13 Javascript
基于jquery的回到页面顶部按钮
Jun 27 Javascript
利用浏览器全屏api实现js全屏
Jan 16 Javascript
jQuery实现倒计时按钮功能代码分享
Sep 03 Javascript
浅谈jQuery中的checkbox问题
Aug 10 Javascript
JavaScript实现汉字转换为拼音的库文件示例
Dec 22 Javascript
vue-router实现webApp切换页面动画效果代码
May 25 Javascript
Angular中sweetalert弹框的基本使用教程
Jul 22 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
纯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与XML的PDF文档生成技术
2006/10/09 PHP
php实现压缩多个CSS与JS文件的方法
2014/11/11 PHP
JS 非图片动态loading效果实现代码
2010/04/09 Javascript
鼠标划过实现延迟加载并隐藏层的js代码
2013/10/11 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
2014/08/30 Javascript
javascript根据时间生成m位随机数最大13位
2014/10/30 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
JS基础随笔(菜鸟必看篇)
2016/07/13 Javascript
JS控件bootstrap suggest plugin使用方法详解
2017/03/25 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
BootStrap的双日历时间控件使用
2017/07/25 Javascript
Vue.js组件间的循环引用方法示例
2017/12/27 Javascript
JQuery实现table中tr上移下移的示例(超简单)
2018/01/08 jQuery
通过cordova将vue项目打包为webapp的方法
2019/02/02 Javascript
vue模块拖拽实现示例代码
2019/03/09 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
2019/11/21 Javascript
简述Vue中容易被忽视的知识点
2019/12/09 Javascript
python提取字典key列表的方法
2015/07/11 Python
使用Python的Flask框架构建大型Web应用程序的结构示例
2016/06/04 Python
python的unittest测试类代码实例
2017/12/07 Python
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
Python简单获取网卡名称及其IP地址的方法【基于psutil模块】
2018/05/24 Python
Python实现的矩阵转置与矩阵相乘运算示例
2019/03/26 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
详解CSS的border边框属性及其在CSS3中的新特性
2016/05/10 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
纽约著名的服装辅料来源:M&J Trimming
2017/07/26 全球购物
一道写SQL的面试题和答案
2013/11/19 面试题
杭州-DOTNET笔试题集
2013/09/25 面试题
大学生水果店创业计划书
2014/01/28 职场文书
自立自强的名人事例
2014/02/10 职场文书
幼儿老师求职信
2014/06/30 职场文书
单位工作证明书格式
2014/10/04 职场文书
领导干部作风建设自查报告
2014/10/23 职场文书
React Hook用法示例详解(6个常见hook)
2021/04/28 Javascript
TV动画《间谍过家家》公开PV
2022/03/20 日漫