easyUI combotree 的异步加载

阿噶撒玛

于 2020-06-24 13:20:51 发布

阅读量403

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery 文章标签： javascript easyui 异步加载

本文链接：https://blog.youkuaiyun.com/X_lizhu93/article/details/106942117

jquery 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种使用异步请求加载树形数据的方法，通过$.post发起HTTP请求获取数据，然后利用totree函数将JSON数据转换为树形结构。在用户选择节点时，会触发onBeforeSelect事件，此时再次发送请求加载子节点数据并动态添加到树中。

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

$.post("http://xxxxxxxx.action", {
        "pid" : null
    }, function(json) {

       let mydata = totree(json)

        $('#cc').combotree({
            data:mydata,
            parentField : 'pid',
            required: true,
            onBeforeSelect: function (node) {
                console.log(node)
               
                $.post("http://xxxxxxxx.action", {
                    "pid" : node.id
                }, function(json) {
                    if (node.children && node.children.length){return}
                    var tree = $('#cc').combotree('tree')
                    tree.tree('append', {
                        parentField : 'pid',
                        parent: node.target,
                        data: json
                    });
                    
                    // $("#"+node.target.id).next().show()
                }, "json");

                // debugger;
                if (!$(this).tree('isLeaf', node.target)) {
                    // $(this).combo("showPanel");
                    return false;
                }


            },

        });
    }, "json");