트리에 dom 요소를 삭제하는 데이터를 추가 할 수 있습니다.

Question

자식 노드를 추가하기 위해 끌어서 놓기를 사용하려고하지만 자식 노드가 트리에 있지 않습니다. 그래서 드래그 가능한 jquery를 사용하여 요소를 jqtree 노드로 드래그하는 방법을 생각하고 있지만 노드를 캡처하는 방법을 알지 못합니다. 어떤 아이디어?

수정 (추가 정보)

나는 이것을 시도했다.

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

그러나 this 요소에는 노드에 대한 정보가 없습니다.

Answer 1

나는 스스로에게 대답하려고합니다. 이 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); 
      } 
     }); 
     } 
    });