jsTree：延迟加载插件“dnd”不起作用

Question

我在我的网络应用程序中使用 jsTree（最新版本）。我有很多节点要显示在树中，所以我使用延迟加载，否则我会遇到超时。 加载树时，用户可以从第二棵树中选择值并将它们移动到延迟加载的树中（jsTree 插件“dnd”）。两棵树都安装了 jsTree 插件“dnd”。但是我无法将元素拖放到延迟加载的树中，当我尝试这样做时，要删除的节点有一个带有红叉的图标（指示：此处不允许）。

这是延迟加载树的代码：

$('#target_tree').jstree({
  'core' : {
    'data' : {
      "url" : "get_current_hierachy",
      "data" : function (node) {
        return {'p_parent_id': node.id};
      },
      "dataType": "json",
      "check_callback": true
    }
  },
  "plugins" : ["dnd"]
});

当我在没有延迟加载的情况下在第一棵树中加载一些数据时，拖放操作按预期工作。 当我使用延迟加载在第一棵树中加载数据时，拖放不再起作用。

任何帮助将不胜感激。

Answer 1

试试这个...

$(document).ready(function () {

    $('#target_tree').jstree({

        'core': {
            'data': {

                "url": function (node) {
                    var url;
                    if (node.id == '#') {
                        url = "getRootNode";
                    } else {
                        var id = $(node).data("id");
                        url = "getChildNode?nodeid=" + id;
                    }
                    return url;
                },
                "data": function (node) {
                    return { "id": node.id };
                },
                "type": "GET",
                "dataType": "json",
                "contentType": "application/json charset=utf-8",
            },
            'check_callback': true,
        },
        "plugins": ["dnd"]

    });
});

我觉得你需要准备url