blob: 8d8786140a6b5177b9d5357608ea4f6498ed7c79 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
# ui-sortable directive
This directive allows you to sort array with drag & drop.
## Requirements
- JQuery
- JQueryUI
## Usage
Load the script file: sortable.js in your application:
```html
<script type="text/javascript" src="modules/directives/sortable/src/sortable.js"></script>
```
Add the sortable module as a dependency to your application module:
```js
var myAppModule = angular.module('MyApp', ['ui.directives.sortable'])
```
Apply the directive to your form elements:
```html
<ul ui-sortable ng-model="items">
<li ng-repeat="item in items">{{ item }}</li>
</ul>
```
### Options
All the jQueryUI Sortable options can be passed through the directive.
```js
myAppModule.controller('MyController', function($scope) {
$scope.items = ["One", "Two", "Three"];
$scope.sortableOptions = {
update: function(e, ui) { ... },
axis: 'x'
};
});
```
```html
<ul ui-sortable="sortableOptions" ng-model="items">
<li ng-repeat="item in items">{{ item }}</li>
</ul>
```
|