Listbox with template and MVVM - not data displayed when item moved

[Francis]

I implemented two listboxes with drag-drop enabled. The listboxes use a template to displayed their items.

When I drag or move an item with the toolbar to the second listbox, the item is moved but the data is not displayed. My template must be OK because when I load the view the first time, the items are correctly displayed in the listboxes. Also, if I send the binding information, I received the correct information with the dragged items in the second listboxes so it is only a displaying issue that I cant figure out.

You can see the problem in the html in attachment. Try to drag an item to one listbox to another.

[Stefan]

Hello Francis,

Thank you for the provided example.

After additional investigation and consulting with the developer's team, I can confirm that this is expected because the template is not automatically rebound after drag and drop. In this scenario I can suggest manually refreshing the second ListBoxt on the dragend event of the first ListBox:

http://docs.telerik.com/kendo-ui/api/javascript/ui/listbox#events-dragend

Also, both ListBox widgets have to be bound to a dataSource instance.

I modify the example to demonstrate this:

http://dojo.telerik.com/asOfa

Similar logic may need to be added to the add event(with timeout) if the arrows from the toolbar will be used:

http://docs.telerik.com/kendo-ui/api/javascript/ui/listbox#events-add

I hope this is helpful.

Regards,
Stefan
Progress Telerik