Question

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

现在我希望能够跟踪阻力和阻力。放弃行动。即：来自maincategory a的子类别x被拖动到maincategorie 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。不要担心maincategory和subategory id可能是相同的事实，我稍后会解决这个问题;）任何人都能指出我正确的方向吗？

Answer 1

绑定到move事件并使用CRRM插件... 我稍后会发布一些代码示例.. JSTree CRRM

JStree：追踪阻力＆amp;落在一棵树上

1 个答案: