查询树节点的所有下级节点的分类数据，树的导航条功能

最新推荐文章于 2022-06-22 17:28:03 发布

亿米酒酒

最新推荐文章于 2022-06-22 17:28:03 发布

阅读量1k

点赞数 1

分类专栏： js 后台 c# 文章标签：树节点查询获取节点id ztree

本文链接：https://blog.csdn.net/weixin_44484452/article/details/96150685

版权

本文介绍了如何在点击树状图节点后，查询并展示该节点及所有下级节点的数据。通过递归获取节点ID，利用这些ID作为查询条件筛选表格数据。同时，详细讨论了导航条功能的实现，包括处理不同项目的name值以正确获取上级分类名称。此功能在实际应用中，需将获取的ID数组进行处理，并在控制器中进行条件匹配，以完成数据的筛选和显示。

摘要由CSDN通过智能技术生成

一、使用了树状图对数据进行了分类，但是分类了之后当然也要把分类后的数据查询出来啦。现在要实现的功能是点击了分类的节点后，不仅把当前点击节点的数据查询出来，而且连带该分类下级的所有分类数据都要查询出来。

在这里插入图片描述
二、首先获取点击的节点，通过递归的方式获取到当前的节点和它所有下级节点id，然后把节点id的数组给到页面上的input记录下，后面查询时就获取这个input的值去查询客户信息就可以了。

 var curLocation = "";//当前位置
        var nodeId = "";// 声明一个全局变量
        //递归获取当前节点已及它的所有后代节点的ID的封装方法
        function findAllNodes(nodeObj) {
            var nodeArr = nodeObj.children; //没有子节点==undefined
            if (nodeId == "") {
                nodeId = nodeObj.id;
            }
            if (nodeArr != undefined) {
                for (var i = 0; i < nodeArr.length; i++) {
                    nodeId += "," + nodeArr[i].id;
                    if (nodeArr[i].children != undefined) {
                      
fin