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 01 Javascript
jquery为页面增加快捷键示例
Jan 31 Javascript
javaScript中Math()函数注意事项
Jun 18 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
Apr 13 Javascript
搞定immutable.js详细说明
May 02 Javascript
javaScript语法总结
Nov 25 Javascript
canvas知识总结
Jan 25 Javascript
微信小程序实现滑动删除效果
May 19 Javascript
Bootstrap响应式表格详解
May 23 Javascript
老生常谈JS中的继承及实现代码
Jul 06 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
Aug 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&mysql(二)
2006/10/09 PHP
PHP扩展编写点滴 技巧收集
2010/03/09 PHP
使用php shell命令合并图片的代码
2011/06/23 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
CentOS下与Apache连接的PHP多版本共存方案实现详解
2015/12/19 PHP
php 实现银联商务H5支付的示例代码
2019/10/12 PHP
DHTML Slide Show script图片轮换
2008/03/03 Javascript
cnblogs csdn 代码运行框实现代码
2009/11/02 Javascript
再谈javascript注入 黑客必备!
2016/09/14 Javascript
js 弹出虚拟键盘修改密码的简单实例
2016/10/10 Javascript
在javascript中,null>=0 为真,null==0却为假,null的值详解
2017/02/22 Javascript
详解Vue使用 vue-cli 搭建项目
2017/04/20 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
2017/05/07 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
详解从买域名到使用pm2部署node.js项目全过程
2018/03/07 Javascript
Javascript之高级数组API的使用实例
2019/03/08 Javascript
详解vue配置后台接口方式
2019/03/29 Javascript
基于nodejs的微信JS-SDK简单应用实现
2019/05/21 NodeJs
js 解析 JSON 数据简单示例
2020/04/21 Javascript
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
python利用正则表达式搜索单词示例代码
2017/09/24 Python
python SMTP实现发送带附件电子邮件
2018/05/22 Python
Django中的forms组件实例详解
2018/11/08 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
python 读取二进制 显示图片案例
2020/04/24 Python
python中numpy数组与list相互转换实例方法
2021/01/29 Python
美国综合购物商城:UnbeatableSale.com
2018/11/28 全球购物
网络维护中文求职信
2014/01/03 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
踏青活动策划方案
2014/08/19 职场文书
绿色小区申报材料
2014/08/22 职场文书
家属慰问信
2015/02/14 职场文书
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS
html+css实现滚动到元素位置显示加载动画效果
2021/08/02 HTML / CSS