Nested List Sort Demo
This is a demonstration of how you can use the jQuery UI Sortables code to rearrange list items and nested lists within a main list and then record those changes back to a database.
Click and drag on any hyperlink or heading in the list below to organize the bookmarks, then click on the Save Changes button.
One thing to note: to rearrange the order of sibling nested lists, you need to move the lists up rather than down, because if you move them one list below another it will become a sublist.
You can download the source code for this demo via this link:
nestedListSortDemo.zipBookmarks
- Resources
- Digg
- Brian Kotek's Blog
- CNN
- Ben Forta's Blog
- InsideRIA
- News
- Check Daily
- Dilbert
- Gizmodo
- jQuery UI
- Kinky Solutions Blog
