jquery-ui - 有可能添加将 dom 元素放入树中的数据

Question

我想启用拖放以添加子节点，但子节点不在树中。所以我正在考虑使用可拖动的 jquery ui 函数将元素拖动到 jqtree 节点中，但我不知道如何捕获删除的节点。有任何想法吗？

编辑（更多信息）

我试过这个。

$('#tree1').tree({
  data: data,
  dragAndDrop: true,
  onCreateLi: function (node, $li) {
    $li.droppable({
      drop: function (event, ui) {
        alert($(this).attr("id"));
      }
    });
  }
});

但该this元素不包含有关节点的信息。

Answer 1

我要自己回答。基于这个例子，我将一个可放置的对象附加到一个树元素上，当一个对象被放置时，我访问了一个自定义属性。

$('#tree1').tree({
  data: data,
  dragAndDrop: true,
  onCreateLi: function (node, $li) {
    $li.find(".jqtree-element").prop("id",node.id);
    $li.find(".jqtree-element").droppable({
      hoverClass: "ui-state-active",
      drop: function (event, ui) {
        var id = $(this).prop("id");
          alert(id);
          }
        });
      }
  });