Skip to content

mig8447/knockout-sortablejs

This branch is 23 commits ahead of SortableJS/knockout-sortablejs:master.

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ef60b87 · Dec 29, 2024

History

28 Commits
Jun 22, 2016
Apr 5, 2021
Apr 5, 2021
Dec 29, 2024
Jun 22, 2016
Apr 5, 2021
Jun 22, 2016
Dec 29, 2024
Dec 29, 2024
Dec 29, 2024
Apr 5, 2021

Repository files navigation

THIS PROJECT NEEDS A MAINTAINER.


knockout-sortablejs

A Knockout.js binding to SortableJS.

Demo: http://rubaxa.github.io/Sortable/

Support KnockoutJS

Include knockout-sortable.js

<div data-bind="sortable: {foreach: yourObservableArray, options: {/* sortable options here */}}">
	<!-- optional item template here -->
</div>

<div data-bind="draggable: {foreach: yourObservableArray, options: {/* sortable options here */}}">
	<!-- optional item template here -->
</div>

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.

NPM

npm install knockout-sortablejs

About

A Knockout.js binding to SortableJS.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 79.1%
  • HTML 20.9%