Angular UI Components
Show Demo List
|
|
|
|
The Sortable component for Angular allows you to re-arrange html elements.
jqxSortable is the jQWidgets Sortable component for Angular. Reorder list items or elements by dragging.
jqxSortable has 26 properties, 12 events and 8 methods, all in the API reference. Its main members, those its demos use first:
opacity (property) – Defines the opacity of the helper while sorting.activate (event) – This event is triggered on drag start when are used connected lists.beforeStop (event) – This event is triggered when sorting stops, but when the placeholder/helper is still available.change (event) – This event is triggered when the DOM position of an item is changed.deactivate (event) – This event is triggered when sorting was stopped, is propagated to all possible connected lists.out (event) – This event is triggered when a sortable item is moved away from a sortable list.over (event) – This event is triggered when a sortable item is moved into a sortable list.receive (event) – This event is triggered when an item from a connected sortable list has been dropped into another list.remove (event) – This event is triggered when a sortable item from the list has been dropped into another.start (event) – This event is triggered when sorting starts.