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 相关文章推荐
比较简单的一个符合web标准的JS调用flash方法
Nov 29 Javascript
js 调整select 位置的函数
Feb 21 Javascript
Jquery乱码的一次解决过程 图解教程
Feb 20 Javascript
javascript JSON操作入门实例
Apr 16 Javascript
Javascript的getYear、getFullYear、getUTCFullYear异同分享
Nov 30 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
jQuery产品间断向下滚动效果核心代码
May 08 Javascript
js和jq使用submit方法无法提交表单的快速解决方法
May 17 Javascript
JavaScript禁止用户多次提交的两种方法
Jul 24 Javascript
AngularJS自定义表单验证功能实例详解
Aug 24 Javascript
npm全局环境变量配置详解
Dec 15 Javascript
JS实现简单的九宫格抽奖
Jun 28 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(8) php 数组
2010/03/05 PHP
PHP通用检测函数集合
2011/02/08 PHP
CI(CodeIgniter)框架中的增删改查操作
2014/06/10 PHP
PHP+Ajax 检测网络是否正常实例详解
2016/12/16 PHP
PHP读取Excel类文件
2017/05/15 PHP
JavaScript 数组详解
2013/10/10 Javascript
通过action传过来的值在option获取进行验证的方法
2013/11/14 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
window.setInterval()方法的定义和用法及offsetLeft与style.left的区别
2015/11/11 Javascript
微信小程序 WXML、WXSS 和JS介绍及详解
2016/10/08 Javascript
详解Vue.js——60分钟组件快速入门(上篇)
2016/12/05 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
微信小程序 登陆流程详细介绍
2017/01/17 Javascript
基于 Vue 的树形选择组件的示例代码
2017/08/18 Javascript
解决vue-router进行build无法正常显示路由页面的问题
2018/03/06 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
2018/03/13 Javascript
webpack 插件html-webpack-plugin的具体使用
2018/04/09 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
[50:05]VGJ.S vs OG 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
[45:25]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.22
2019/09/05 DOTA
Python实现的二维码生成小软件
2014/07/11 Python
Python中logging模块的用法实例
2014/09/29 Python
用Python代码来解图片迷宫的方法整理
2015/04/02 Python
深入浅析Python字符编码
2015/11/12 Python
Python基于list的append和pop方法实现堆栈与队列功能示例
2017/07/24 Python
python 读取文本文件的行数据,文件.splitlines()的方法
2018/07/12 Python
在Pycharm中将pyinstaller加入External Tools的方法
2019/01/16 Python
python操作kafka实践的示例代码
2019/06/19 Python
Django restframework 框架认证、权限、限流用法示例
2019/12/21 Python
捷克时尚网上商店:OTTO
2018/03/15 全球购物
教师专业理论水平的自我评价分享
2013/11/09 职场文书
校庆标语集锦
2014/06/25 职场文书
写给医生的感谢信
2015/01/22 职场文书
活动主持人开场白
2015/05/28 职场文书
教你win10系统中APPCRASH事件问题解决方法
2022/07/15 数码科技