Cancel the drop event

[dabeng]

Cancel the drop event

[achatzi78]

After I dug around a little bit more I found a way.

First of all I moved the triggerHandler to the top of the drop event handler, after the variable declarations. Since the triggerHandler returns a value, I assigned that value to a variable and if that variable is 1 then I continue with the changes in the DOM.

Is this way ok or I am missing something?

[dabeng]

Hi @achatzi78. I just published version 1.1.1 that provides option "dropCriteria" that could help users to limit the relationships between dragged node and drop zone. For more details, you could refer to http://dabeng.github.io/OrgChart/drag-drop/

[achatzi78]

Excellent addition, well done!

This is much better way than my hack.

[gazpachu]

@dabeng AFAIK, the dropcriteria only works to allow or deny the drop, but what if we want to cancel the drop once it happened?

I'm asking because I'm showing a confirm modal dialog after the drop and I only want to accept the drop if the user click's on accept. If the user clicks on cancel then the drop wouldn't happen.

I've tried with event.stopPropagation() and event.preventDefault() but they don't cancel the drop. I've also tried with the dragend.orgchart event but it doesn't cancel the drag either.

Is there any other event I can use? like beforeNodeDropped?

Thanks