Drag JSTree Node in ein externes div

Question

Ich benutze Jquery jsTree, wo ich meine Daten in Jstree mit Json laden. Unten ist mein Code zum Auffüllen meines jsTree

$.ajax({ 
      async: true, 
      type: "POST", 
      url: "MasterPageDataService.asmx/GetAllSites", 
      dataType: "json", 
      contentType: "application/json; charset=utf-8", 
      success: function (jsonData) { 
      $("#divSitesTree").jstree({ 
       'core': { 
       'data': jsonData 
       }, 
       "plugins": ['dnd', "themes", "json_data", "ui"] 
       });}, 
      }); 

Ich bekomme die Daten perfekt ausgefüllt.

Jetzt möchte ich einen Knoten ziehen und auf div Element fallen lassen. Ich habe meine div Tropfen der Lage zu dienen dem Zweck, wie diese

$(".droppable").droppable({ 
      drop: function (event, ui) { 
       alert('dropped'); 
       // here i want the id of dropped node 
      } 
     }); 

Ich will nicht den Knoten von Baum zu bewegen, um überall gemacht, ich möchte nur die ID des Knotens erhalten werden per Drag & Drop in div . Aber mein Problem ist, dass ich nicht einmal das Drop Event ausgelöst bekomme. z. B. bekomme ich überhaupt keine Warnung.

Ich habe die verschiedenen Lösungen gegoogelt und dies bisher versucht.

Aber was es tut, es hängt einfach den Knoten (Symbol + Text) in meinem div. Aber das will ich nicht. Ich möchte nur die ID des Knotens innerhalb eines Ereignisses erhalten, wo ich weitere Operationen basierend auf der ID des Knotens ausführen kann.

Wie beende ich diese Aufgabe mit jsTree? Bitte Hilfe.

Answer 1

Zum Glück habe ich die Lösung gefunden. Im Folgenden finden Sie das Skript zum Abrufen der ID des gezogenen Knotens und der ID des Ziels, an dem der Knoten gelöscht wird.