You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Sep 8, 2020. It is now read-only.
Copy file name to clipboardExpand all lines: README.md
+5-2Lines changed: 5 additions & 2 deletions
Original file line number
Diff line number
Diff line change
@@ -5,7 +5,7 @@ This directive allows you to sort an array with drag & drop.
5
5
## Requirements
6
6
7
7
- JQuery
8
-
- JQueryUI
8
+
- JQueryUI (1.9+)
9
9
- AngularJS
10
10
11
11
**Notes:**
@@ -40,7 +40,7 @@ Apply the directive to your form elements:
40
40
*`ui-sortable` element should only contain one `ng-repeat` and not any other elements (above or below).
41
41
Otherwise the index matching of the generated DOM elements and the `ng-model`'s items will break.
42
42
**In other words: The items of `ng-model` must match the indexes of the generated DOM elements.**
43
-
*`ui-sortable` lists containing many 'types' of items can be implemented by using [dynamic template loading with ng-include](http://stackoverflow.com/questions/14607879/angularjs-load-dynamic-template-html-within-directive/14621927#14621927), to determine how each model item should be rendered.
43
+
*`ui-sortable` lists containing many 'types' of items can be implemented by using dynamic template loading [with ng-include](http://stackoverflow.com/questions/14607879/angularjs-load-dynamic-template-html-within-directive/14621927#14621927) or a [loader directive](https://gist.github.com/thgreasi/7152499c0e91973c4820), to determine how each model item should be rendered.
When using event callbacks ([start](http://api.jqueryui.com/sortable/#event-start)/[update](http://api.jqueryui.com/sortable/#event-update)/[stop](http://api.jqueryui.com/sortable/#event-stop)...), avoid manipulating DOM elements (especially the one with the ng-repeat attached).
68
+
The suggested pattern is to use callbacks for emmiting events and altering the scope (inside the 'Angular world').
69
+
67
70
#### Canceling
68
71
69
72
Inside the `update` callback, you can check the item that is dragged and cancel the sorting.
0 commit comments