/ / Przeciągnij i upuść elementy div za pomocą AngularJS - javascript, jquery, jquery-ui, angularjs, angularjs-directive

Przeciągnij i upuść elementy div za pomocą AngularJS - javascript, jquery, jquery-ui, angularjs, angularjs-directive

Tworzę prosty menedżer zadań, w którym zadaniasą przegrupowywane według kroków. Dlatego wiele kroków może mieć wiele zadań. Obecnie mam poprawnie odwzorowany mój model kątowy JS. To, co chcę teraz zrobić, to móc zmienić kolejność elementów reprezentujących kroki.

Na przykład, jeśli mam trzy kroki o nazwie 1,3,2 Ichcesz móc przeciągnąć krok 2 i przesunąć go powyżej kroku 3, ustawiając je w kolejności 1,2,3. Aby to zrobić, musiałbym odpowiednio zmodyfikować mój model kątowy.

To, co mam obecnie, to to, że ui jestodpowiadając, widzę zmiany pozycji, ale moja tablica zawierająca wszystkie kroki pozostaje w tej samej kolejności ... Czy istnieje sposób na uporządkowanie tej tablicy lub przynajmniej sposób na uzyskanie nowej pozycji kroku?

http://plnkr.co/edit/bjsgQz?p=preview

Odpowiedzi:

2 dla odpowiedzi № 1

Możesz rozważyć użycie ui-sortable; Użyłem go w jednym z moich własnych projektówpozwalając na zmianę kolejności "przeciągnij i upuść" i działało całkiem dobrze. Powinienem wskazać, że ma on zależność od JQuery / JQueryUI (dla sortowalnego widżetu), ale było to dla nas opłacalne.