- The JavaScript Sortable List is in Beta Release
JavaScript Sortable List
The JavaScript Sortable List is a user interface element that allows users to sort and re-organize list items. It comes ready out of the box to support the most common HTML elements and features. With a powerful drag and drop support that allows multiple items to be dragged at once (in touch screens), sorting elements was never easier.
Features
- Easy to use drag & drop (or buttons in the Lite version)
- Works in any layouts (list, grid, column, etc...)
- Support any level of nesting
- Any number of drop targets and lists
- Can sort more than one element in touch screens
- Ready out of the box to support common HTML Elements.
Useful Links
Examples
An example on how to create a basic sortable. This example uses the ng.UI and creates the sortable by class name (ng-sortable)
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Sed commodo scelerisque nisl. Integer in ante vehicula,
- vehicula tortor a, auctor quam.
- Curabitur lectus magna, congue non ipsum sed, convallis lobortis justo.
- Mauris vitae lacus a massa rutrum ullamcorper.
- Nulla posuere eget quam eget rutrum.
- Etiam non orci sit amet quam tempor porta.
- Donec eu libero nisi. Vivamus vitae justo imperdiet,
- euismod erat a, elementum nunc.
Multiple Drop Targets View Code
This examples shows how to create multiple drop targets. This example uses JavaScript (HTML5 can be used too)
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Sed commodo scelerisque nisl. Integer in ante vehicula,
- vehicula tortor a, auctor quam.
- Curabitur lectus magna, congue non ipsum sed, convallis lobortis justo.
- Mauris vitae lacus a massa rutrum ullamcorper.
- Nulla posuere eget quam eget rutrum.
- Etiam non orci sit amet quam tempor porta.
- Donec eu libero nisi. Vivamus vitae justo imperdiet,
- euismod erat a, elementum nunc.
Get the Code
Download the latest version:
Download
API & Docs
View the complete API documentations and examples:
API & Docs
Licensing
We offer two types of licenses, personal and commercial.
Find out more.
Donate
We thrive on your donations. If our scripts has helped, please donate.