Would you please give me an idea where to start to solve the following problem:
I need two list boxes, lets' call them palette and list.
I need to perform following actions via drag and drop:
1) COPY items from 'palette' to 'list' (e.g. item remains in 'palette' and appears in 'list'),
2) reorder items in 'list'
3) REMOVE items from 'list' (e.g 'item disappears at 'list' but does not appear at 'palette').
4) I do NOT need reordering in 'palette'.
A practical example of such task would be... let say you have a restaurant menu and want to build an order dragging menu items into the order.
My guess was that it should be possible via analyzing the current drop target in drop or dragend events, but it seems like all I have there is the drag source and the items dragged.
The source code seems to try to determine the drop target via searching which of two listboxes (source or 'connected') the current placeholder belongs to, however I hesitate to use this approach as placeholder information seems to be not a part of public API, so, I guess, there is no promise of backward compatibility in future.
I also found an example you provided few years ago, where similar problem partially solved by simply adding the removed item back to palette, but this looks quite weird, I would hesitate to use such visual behavior in a real project.
So, I would really appreciate a head up at an approach to be used, or to a good example on how this task is supposed to be solved in Kendo UI for JQuery architecture.
Thank you very much for your time!