knockout-sortablejs
A Knockout.js binding to SortableJS.
Demo: http://rubaxa.github.io/Sortable/
Support KnockoutJS
Include knockout-sortable.js
<!-- optional item template here --> <!-- optional item template here -->
Using this bindingHandler sorts the observableArray when the user sorts the HTMLElements.
The sortable/draggable bindingHandlers supports the same syntax as Knockouts built in template binding except for the data
option, meaning that you could supply the name of a template or specify a separate templateEngine. The difference between the sortable and draggable handlers is that the draggable has the sortable group
option set to {pull:'clone',put: false}
and the sort
option set to false by default (overridable).
Other attributes are:
- options: an object that contains settings for the underlaying sortable, ie
group
,handle
, events etc. - collection: if your
foreach
array is a computed then you would supply the underlaying observableArray that you would like to sort here. - manuallyHandleUpdateEvents: a boolean to turn off the change events on update that other polymer elements listen to.