# knockout-sortablejs

**Repository Path**: ko-plugins/knockout-sortablejs

## Basic Information

- **Project Name**: knockout-sortablejs
- **Description**: knockout-sortablejs 的自定义
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2018-08-28
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# THIS PROJECT NEEDS A MAINTAINER.

---

knockout-sortablejs
-------------------
A Knockout.js binding to [SortableJS](https://github.com/RubaXa/Sortable/).

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

### Support KnockoutJS
Include [knockout-sortable.js](knockout-sortable.js)

```html
<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](http://knockoutjs.com/documentation/template-binding.html) 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`