- 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.
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.