CODEWITHSUNDEEP
jqueryjquery-uidrag-and-dropjquery-ui-draggablefancytree
Loser
Loser

Reputation: 3

Getting hold of source object in the context of using FancyTree (JS) and jqueryUI droppable

We are using

https://github.com/mar10/fancytree

with its drag and drop extension.

Users can drag and drop a node into a DIV marked using jqueryUI as droppable. Inside the 'drop' handler I see the (event, ui) parameters but I could not figure out how to get hold of the source node being dragged.

According to jQueryUI documentation the information would be available using

$(ui.draggable)

but I can not find any useful information (console.log).

I only see something like

[div#tree, selector: "",....]

on the console.

I need to get hold of the original 'title' and 'key' attributes of the related Fancytree node.

How to do that?

Upvotes: 0

Views: 444

Answers (1)

mar10
mar10

Reputation: 14794

You can retrieve the original source node like this:

$(".droppable").droppable({
    drop: function(event, ui){
        var sourceNode = $(ui.helper).data("ftSourceNode");
        alert("Dropped source node " + sourceNode);
    }
});

Upvotes: 2

Related Questions