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

 更新时间:2017年09月05日 09:10:13   作者:弓长张&木子李  
这篇文章主要介绍了zTree异步加载展开第一级节点的实现方法,需要的朋友可以参考下

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

相关文章

  • 使用jquery写个更改表格行顺序的小功能

    使用jquery写个更改表格行顺序的小功能

    这篇文章主要介绍了使用jquery写的更改表格行顺序的小功能,需要的朋友可以参考下
    2014-04-04
  • jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果

    jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果

    这篇文章主要介绍了jquery实现动画菜单的左右滚动、渐变及图形背景滚动等效果,实例分析了jquery常用的几种背景动态变换效果,涉及jquery动态操作页面动画效果实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • 仿JQuery输写高效JSLite代码的一些技巧

    仿JQuery输写高效JSLite代码的一些技巧

    这篇文章主要介绍了仿JQuery输写高效JSLite代码的一些技巧,本文计划根据他人对jQuery总结的一些速度方面的技巧和一些建议,来教你提升你的JSLite和javascript代码,需要的朋友可以参考下
    2015-01-01
  • jquery 事件对象属性小结

    jquery 事件对象属性小结

    JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它,但有些时候它还是它还是很有作用的。
    2010-04-04
  • jQuery中innerWidth()方法用法实例

    jQuery中innerWidth()方法用法实例

    这篇文章主要介绍了jQuery中innerWidth()方法用法,实例分析了innerWidth()方法的功能、定义及获取第一个匹配元素内部区域宽度的使用技巧,需要的朋友可以参考下
    2015-01-01
  • jquery1.4后 jqDrag 拖动 不可用

    jquery1.4后 jqDrag 拖动 不可用

    jquery 升级到1.4后 jqDrag 拖动 不可用的修改方法
    2010-02-02
  • Jquery中增加参数与Json转换代码

    Jquery中增加参数与Json转换代码

    有时候,我们需要进一步转化为json表达式,参考Ext中的Ext.urlDecode函数,我们可以实现一个相应的jquery中使用的函数。
    2009-11-11
  • jQuery下通过$.browser来判断浏览器.

    jQuery下通过$.browser来判断浏览器.

    用jQuery来判断浏览器的类型,主要是使用$.browser这个工具类
    2011-04-04
  • js过滤HTML标签以及空格的思路及代码

    js过滤HTML标签以及空格的思路及代码

    今天要做一个应用--判断编辑器中文字的个数。如果少如20个字就不能让其提交。没多想,正好周末的时候看了一下js中正则表达式的内容。很容易就想到了要用正则表达式来解决这个问题。虽说看了正则表达式的内容是看了,但是毕竟还是刚接接触,连基本的概念都很模糊,于是只好在网上找到如下的代码:
    2013-05-05
  • jQuery时间戳和日期相互转换操作示例

    jQuery时间戳和日期相互转换操作示例

    这篇文章主要介绍了jQuery时间戳和日期相互转换操作,结合实例形式分析了jQuery针对日期与时间戳的转换、运算相关操作技巧,需要的朋友可以参考下
    2018-12-12

最新评论