ztree中如何获取所有节点

ztree中如何获取所有节点,第1张

$fnzTreeinit($("#treeDemo"), setting, zNodes);

zTree = $fnzTreegetZTreeObj("treeDemo");

var nodes=zTreegetNodes();

var nodes_array = zTreetransformToArray (nodes);

for(var i=0;i<nodes_arraylength;i++){

alert(nodes_array[i]name);

}

//下面是api,自己不会看么,zTreeObjgetNodes是所有节点数据都在里面,自己不会取,就不要瞎叫唤,自己可以用火狐看里面的数据是不是都有

zTreeObjgetNodes

概述[ 依赖 jqueryztreecore 核心 js ]

获取 zTree 的全部节点数据

请通过 zTree 对象执行此方法。

Function 参数说明

返回值Array(JSON)

全部节点数据

1、Array 仅仅是根节点的集合(默认情况子节点都处于 children 属性下);

2、如需遍历全部节点需要利用递归,或利用 transformToArray 方法 将数据变成简单的 Array 集合

3、对于异步加载模式下,尚未加载的子节点是无法通过此方法获取的。

function 举例

1 获取全部节点数据

var treeObj = $fnzTreegetZTreeObj("tree");

var nodes = treeObjgetNodes();

js的重要作用之一=>交互=>人机交互(事件)=>服务器交互(ajax)

服务器交互,从服务器获取数据,数据的处理方式,将json转换成字符串 *** 作

1、字符串拼接

2、数组遍历

3、节点获取

4、json

1、构造json数据,每一个json中就是一个商品

2、遍历数组,取出每一个商品信息

3、拼接字符串

4、获取节点,追加到页面

json数据格式,循环获取最后一层数据id

 // node 为所有数据及data,arr为最终得到的数组数据,调用函数前先获取父级节点

recursion (node, arr) { 

    if (!nodechildren) { 

          //先判断 node节点是否含有children节点,为true 为最后一级,取id ,push到arr数组中

              arrpush(nodeid)

      } else { 

           // false时 非最后一级,含有children,则继续循环children

            nodechildrenforEach(item => thisrecursion(item, arr))

      }

    }

json提取器用于提取请求返回结果中的某个值或者某一组值,存储为指定的变量,用于后续的接口调用,使用方法比正则表达式提取器简单,所以如果接口响应数据为json格式的,我们优先使用json提取器。

取样器右键 > 添加 > 后置处理器 > json 提取器

$节点名称二级节点名称三级节点

相对路径提取:$末梢节点名称

注:如果遇到key的value值为一个List,则使用key[n]获取下标为n的元素,其中n为list中元素的编号(下标从0开始计算),例如 $lists[2]typeDesc 表示从返回数据的lists中取下标为2的数据,然后再取typeDesc 对应的值。

添加查看结果树,运行接口请求,查看结果树中找到需要提取的接口返回,上边选择JSON Path Tester,右侧会出现表达式的输入框,输入自己写好的表达式,点击test,看是否取到你想要的数据,取到则说明表达式正确,否则需要优化表达式。

以上就是关于ztree中如何获取所有节点全部的内容,包括:ztree中如何获取所有节点、使用json实现对商品列表页的展示、vue递归遍历Json树状数据等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9413790.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存