ace tree重新加载失败

最新推荐文章于 2024-03-12 09:02:00 发布

paul_lmc

最新推荐文章于 2024-03-12 09:02:00 发布

阅读量777

点赞数

本文链接：https://blog.csdn.net/paul_lmc/article/details/80188096

版权

本文介绍了一种解决ACE框架中Tree组件重复加载失败的方法。通过移除原有Tree元素并重新创建DOM节点，配合定制化的数据加载逻辑实现稳定加载。

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

ace中的tree，每次重新加载的时候总是失败。默认第一次加载是成功的。

现在终于重复加载成功，处理方法如下：

直接上代码：

ajaxJsonData = {}; //DataSource
$("#tree1").remove(""); //tree对应的id

$("#treeDiv").append("<div id=\"tree1\" class=\"tree\" style=\"display:block\"></div>"); //重新装载

tree加载代码：

/**---- ace tree -----*/
DataSourceTree.prototype.data = function (options, callback) {
    var self = this;
    var $data = null;
    var param = null;

    if (!("name" in options) && !("type" in options)) {
        param = 0;//load the first level
    }else if ("type" in options && options.type == "folder") {
        if ("additionalParameters" in options && "children" in options.additionalParameters) {
            param = options.additionalParameters["id"];
        }
    }

    if (param != null) {
       setJsonPropValue(ajaxJsonData,'parentId',param);
       //ajaxJsonData.parentId = param; //设置json的属性和值
        $.ajax({
            url: this.url,
            data: ajaxJsonData,
            type: 'POST',
            dataType: 'json',
            success: function (response) {
                if (response.state == "1")
                    callback({ data: response.treeRespVO.data })
            },
            error: function (response) {
                //console.log(response);
                console.log("---datasource--ajax--error");
            }
        });
    }
};