ztree异步加载踩坑大集合,异步加载切换分类

最新推荐文章于 2024-03-09 21:49:48 发布

原创

最新推荐文章于 2024-03-09 21:49:48 发布 · 1.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #jquery #javascript

本文主要探讨了zTree在使用async异步加载时遇到的问题，包括isParent属性设置、contentType的注意点、otherParam的动态生成问题，以及在分类选择时如何正确修改ajax传参。还提到了zTree回显选中结果的实现，强调了在初始化后立即操作节点可能导致的问题，并给出了延迟解决方案。

async异步加载

我发现了如果不是用ajax直接获取数据，async出现的问题太多了。要注意的细节很多。

 let setting = {
        async: {
            enable: true,
            type: "POST",
            contentType : 'application/x-www-form-urlencoded', //该方式如果后台请求有无 可以根据实际情况修改
            dataType:"json",
            url: "/category/api/getListByCodeAndId",
            // autoParam:["code","name","parentCode"],
            otherParam:{code:function () {return  $("input[name='code']").val()},id:_id}, 
            //该处用于ajax请求参数设置，但是如果是需要多次的时候并没有什么效果。。
            dataFilter:  ajaxDataFilter
        },
        check: {
            enable: true,
            chkboxType: {"Y": "s", "N": "s"}
        },
        view: {
            autoCancelSelected: true,//点击节点时,按下Ctrl或Cmd键是否允许取消选择操作
            dblClickExpand: true,//双击节点时，是否自动展开父节点的标识
            expandSpeed: "fast",//节点展开关闭的时候的速度
            selectedMulti: true,//允许是否同时选中多个节点
            showIcon: false,//设置是否显示节点的图标
            showLine

最低0.47元/天解锁文章