Skip to content

npmcomponent/chemzqm-sortable

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

This repository is a mirror of the component module chemzqm/sortable. It has been modified to work with NPM+Browserify. You can install it using the command npm install npmcomponent/chemzqm-sortable. Please do not open issues or send pull requests against this repo. If you have issues with this repo, report it to npmcomponent.

sortable

UI Sortable component, see the demo.

Original repo yields/sortable

The changes of this fork is the D&D events is automatically bind when mousedown event is triggered in the element, and removed when mouseup triggered, so no worry about the element added or removed on the fly, you can even inintialize sortable with an empty element.

Another change is the total item count could be limited by max method.

Installation

$ component install chemzqm/sortable

Example

<ul id='languages'>
  <li>Javascript</li>
  <li>Lua</li>
  <li disabled>Google Go</li>
  <li>Julia</li>
</ul>
var Sortable = require('sortable');
var el = document.getElementById('languages');
var sortable = new Sortable(el);
sortable.ignore('[disabled]');
sortable.bind('li');

API

events

  • update, emitted when sort changes happen.
  • start(e), emitted when the drag starts.
  • drop(e), emitted when drop happens.
  • max (maxcount), emitted when connected and dragover with other connect item if max count reaches.

Sortable(el)

Initialize Sortable with el.

.bind(selector)

Bind internal events with selector, this method must be called.

.max(count)

Set the max item count the element of the selector.

.ignore(selector)

Ignore items matching the given selector.

.handle(selector)

Set the handle to selector.

.connect(sortable)

Connect to another sortable, the element of another sortable could be dragged to this sortable element.

.remove()

Unbind all the events.

License

MIT

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •