We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Drag and drop issues


I'm trying to follow your example here: http://js.syncfusion.com/demos/web/#!/bootstrap/listbox/draganddrop, but I have these extra requirements:
- the group labels should not be draggable
- in the left listbox, items are to be grouped by the 'categ' property
- when items are dragged from right to left, they should go to the right group

I've made a partially working sample in the playground here: http://jsplayground.syncfusion.com/5xi0frm4

I've used the "refresh" method in the "itemDrop" event for the left listbox, and that puts whatever item I drop into the right category.

But this gives me this problem:
- drag the "Logo" item from right to left; it gets placed in it's category: OK
- drag back the "Logo" item from left to right: OK
- drag one more time the "Logo" item from right to left: things now get weird, the item doesn't appear and I get a couple of blank items in the right listbox.

Any idea what I'm doing wrong?


2 Replies

AB Alexandru Boboc June 8, 2017 12:03 PM UTC

Updated playground link (somehow messed up the last one).

NP Narayanasamy Panneer Selvam Syncfusion Team June 12, 2017 01:02 PM UTC

Hi Alexandru, 
We were able to reproduce the reported issue with ListBox drag and drop, which is due to incorrect data object passed in the event arguments. We have confirmed this as a bug and it will be included in the upcoming volume 3 main release. We will let you know once when the volume 3 is rolled out.   
Narayanasamy P. 

Live Chat Icon For mobile
Up arrow icon