DragDrop how to keep the item?

[StanowebParticipant]

Hello,
I use 2 trees one for the recipient items (drop) and one for the source items (drag).
I would like, when I drop an item, to keep it from the source tree.
Is it possible? and if yes how?
Thanks for your help.

[DimitarParticipant]

Hello Stanoweb,

This is possible if you set the first tree’s dragEnd callback as follows (note that it has to return false):

$('#treeA').jqxTree({ allowDrag: true, allowDrop: true, height: '300px', width: '220px',
    dragEnd: function (dragItem, dropItem, args, dropPosition, tree) {
        switch (dropPosition) {
            case "inside":
                $('#treeB').jqxTree('addTo', dragItem, dropItem);
                break;
            case "before":
                $('#treeB').jqxTree('addBefore', dragItem, dropItem);
                break;
            case "after":
                $('#treeB').jqxTree('addAfter', dragItem, dropItem);
                break;
        }
        return false;
    }
});

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[StanowebParticipant]

Thanks.. I will try it..
What I did was to save the source of the treeA into a temp variable and after adding the node to the treeB, set back the source to the treeA.
Something like this, based on your code :
$(‘#treeA’).jqxTree({ allowDrag: true, allowDrop: true, height: ‘300px’, width: ‘220px’,
dragEnd: function (dragItem, dropItem, args, dropPosition, tree) {
var tempSource= $(‘#treeA’).jqxTree(‘source’)
switch (dropPosition) {
case “inside”:
$(‘#treeB’).jqxTree(‘addTo’, dragItem, dropItem);
break;
case “before”:
$(‘#treeB’).jqxTree(‘addBefore’, dragItem, dropItem);
break;
case “after”:
$(‘#treeB’).jqxTree(‘addAfter’, dragItem, dropItem);
break;
}
$(‘#treeA’).jqxTree({source: tempSource});
return true;
}
});

[DimitarParticipant]

Hello Stanoweb,

You do not need to implement this. Returning false cancels the changes to the first tree anyway.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[Author]

Posts