Remove Item from page when dropped into a Sortable

[Bob]

I am trying to implement a screen with Three sortables (left pane, right pane, remove pane). When the user drags an item to the remove sortable I want to remove it from that sortable. (they are deleting it basically)

I have tried e.item.remove in the change event handler, but that just makes the dragged element show on the screen as well as the new item in the sortable. 

I have tried to prevent the drop to the new sortable using e.item.PreventDefault and also e.draggableObject.item.preventDefault and then just remove it from the original sortable, but I can't seem to prevent the change.

Any suggestions on how to do this?

[Alexander Valchev]

Hello Bob,

Basically you should simply remove the HTML element at the change event handler. I am not sure why this approach does not work in your scenario.
Could you please check this example and let me know what I am missing?

• http://dojo.telerik.com/oqEyA

Regards,
Alexander Valchev
Telerik

 

 

[Bob]

Hmm... I tried it again and it worked perfectly. I have no idea what I was doing wrong before. 

Thanks for the sample.