JsTree v3.0 drag and drop plugin. Reference target node upon dropping

Question

I use drag and drop plugin of jsTree library (ver. 3.0) With the following code I can bind to the end of drag\'n\'drop action, but I can not see a way to get the reference t

Answer 1

$(document).on('dnd_stop.vakata', function(e, data) {
    var inst = $.jstree.reference('#jstree');
    console.log("END DROP:");
    var sourceID = data.data.nodes[0];
    console.log("Source ID: " + sourceID);
    var targetNode = inst.get_node(data.event.target, true);
    var targetID = targetNode[0].id;
    console.log("Target ID: " + targetID);
});

Answer 2

If you need to do this via the check_callback then you can access the target node via the more parameter.

'check_callback': function(operation, node, node_parent, node_position, more) {


    // operation can be 'create_node', 'rename_node', 'delete_node', 'move_node' or 'copy_node'
    // in case of 'rename_node' node_position is filled with the new node name


    if (operation === "move_node") {

        if (more.ref.data.type === "folder") {

            return true;

        } 

    }

    return false; //allow all other operations

}