有可能添加数据将dom元素放入树中

时间:2013-12-20 11:59:39

标签: jquery-ui jqtree

我想启用拖放以添加子节点,但子节点不在树中。所以我在考虑使用draggable jquery ui函数将一个元素拖入一个jqtree节点,但我不知道如何捕获丢弃的节点。有什么想法吗?

编辑(更多信息)

我试过了。

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

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

1 个答案:

答案 0 :(得分:0)

我要回答自己。基于此example我将一个droppable对象附加到一个树元素,当一个对象被删除时,我访问一个自定义属性。

$('#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);
          }
        });
      }
  });