This repository was archived by the owner on Sep 8, 2020. It is now read-only.
Repository navigation
This repository was archived by the owner on Sep 8, 2020. It is now read-only.
Draggable clone #138
Description
Im pretty new to Angular, and Im trying to recreate this demo: "http://jqueryui.com/draggable/#sortable" but with mutilple sorted lists.
I got the ui-sortable working on my local machine, but its not working on Plunker... :(
http://embed.plnkr.co/WP8UKJBRWKK3rGy6A4nJ/preview
I can get the buttom 4 lists sortable and draggable with them self, but I want to add a list on the top that can only drag items in de sortable lists. Also the items that are dragged are copied (Just like the example on jqueryui).
I tried using https://github.com/codef0rmer/angular-dragdrop but it didnt got it too work with this ui-sortable.
Anyone has an example or an draggable module that works with this ui-sortable? It needs too has clone function from draggable.
Activity
thgreasi commentedon Mar 3, 2014
I didn't know about the draggable/#sortable combo but I think that an issue with a similar use case was submitted at some point.
The final solution looked like this pen. You essentially clone the elements of the first list by restoring its model to the initial state right after the drag stops.
thgreasi commentedon Mar 3, 2014
In the example you provided, the issue was that jquery-ui was loaded before jquery (as shown here).
TheBoef commentedon Mar 4, 2014
Thanks for the example! Working with your solution right now!
thgreasi commentedon Mar 4, 2014
I will just repost here:
Should this issue be considered resolved?
TheBoef commentedon Mar 5, 2014
Yes, thanks for the help!