zTree 树插件异步加载地区数据

最新推荐文章于 2021-03-15 10:57:38 发布

编程实战派-李工

最新推荐文章于 2021-03-15 10:57:38 发布

阅读量919

点赞数

分类专栏： # zTree 文章标签： zTree 异步加载地区树

本文链接：https://blog.youkuaiyun.com/Li_Ya_Fei/article/details/79305414

版权

zTree 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用zTree插件实现地区数据的异步加载。通过设置异步参数和过滤器函数，确保地区树节点能根据路径参数正确加载子节点数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前使用zTree树插件实现全国五级地区点击后加载。今天记录使用zTree 树插件异步加载地区数据。还是上次的需求：http://blog.youkuaiyun.com/li_ya_fei/article/details/79234265

$(document).ready(function() {
    //zTree 参数设置
    var setting = {
            async: {
                enable: true,
                url: "tRegion/ajaxArea",
                autoParam: ["path"],
                dataFilter: filter
            },
            view: {
                selectedMulti: false
            }
        };

        //zTree地区树初始化
        $.fn.zTree.init($("#treeRegion"), setting);

        function filter(treeId, parentNode, childNodes) {
            if (!childNodes) return null;
                for (var i=0, l=childNodes.length; i<l; i++) {
                    childNodes[i].isParent=true; 
                    childNodes[i].id=childNodes[i].path;
                    childNodes[i].pId=childNodes[i].parentRegion;   
                }
            return childNodes;
        }
});