JStree：轨道拖拽掉在树上

Question

我（尝试）使用 JStree 作为类别/子类别树。 这花了相当长的时间，但我设法使用从数据库检索的 JSON 数据创建一棵树（使用 PHP 查询和构建 JSON 对象）。

现在我希望能够跟踪拖拽和拖拽。删除操作。 即：将主类别 a 中的子类别 x 拖至主类别 b。 我需要记录这一点以在操作后更改数据库。 我想我需要“check_move”或“drop_finish”函数。 drop-finish 根本不起作用，该事件未触发。这似乎是因为我的节点没有 jstree-drop 类，但我似乎无法正确插入该类：它不起作用。

check_move 函数在传递其他子类别时将继续触发，因此会创建大量不需要的数据。

我的（测试）JSON 数据：

[
{
    "metadata": {
        "id": "1"
    },
    "data": "Geluid",
    "children": [
        {
            "data": "Speakers",
            "attr": {
                "href": ""
            },
            "metadata": {
                "id": "1"
            }
        },
        {
            "data": "Versterkers",
            "attr": {
                "href": ""
            },
            "metadata": {
                "id": "3"
            }
        }
    ]
},
{
    "metadata": {
        "id": "2"
    },
    "data": "Licht",
    "children": [
        {
            "data": "Parren",
            "attr": {
                "href": ""
            },
            "metadata": {
                "id": "2"
            }
        }
    ]
}
]

我的 JStree 代码：

$(function () {
  $("#Create").click(function () {
    $("#tree").jstree("create");
    });     
  $("#Rename").click(function () {
    $("#tree").jstree("rename");
  });
  $("#Remove").click(function () {
    $("#tree").jstree("remove");
    });


    $("#tree").jstree({
        "dnd" : {
          "drop_finish" : function (data) {
         alert ("Drag OK");
          //alert("Dragged: " + data.o.attr('id') + " to " + data.r.attr('id'));         
        }
      },
      "themes" : {
            "theme" : "classic",
            "dots" : true,
            "icons" : false
        },
      "json_data" : {
            "ajax" : {
                "url" : "get_category_tree.php"
            }
        },
        "plugins" : [ "themes", "json_data", "ui", "crrm", "checkbox", "dnd" ]
    })
    .bind("select_node.jstree", function (e, data) {
      var req = new ZaxasRequest();
      req.getContent("category_content.php?id=" + data.rslt.obj.data('id') +"", "category_content");
    })
});

基本上，我想获取 ID。不要担心主类别和子类别 ID 可能相同，我稍后会解决这个问题；） 任何人都可以指出我正确的方向吗？

Answer 1

绑定移动事件并使用 CRRM 插件...
稍后我将发布一些代码示例..
JSTree CRRM