diff options
Diffstat (limited to 'js/vendor/angular-ui/modules/directives/sortable/REDME.md')
-rw-r--r-- | js/vendor/angular-ui/modules/directives/sortable/REDME.md | 54 |
1 files changed, 54 insertions, 0 deletions
diff --git a/js/vendor/angular-ui/modules/directives/sortable/REDME.md b/js/vendor/angular-ui/modules/directives/sortable/REDME.md new file mode 100644 index 000000000..8d8786140 --- /dev/null +++ b/js/vendor/angular-ui/modules/directives/sortable/REDME.md @@ -0,0 +1,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> +``` + + |