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

Bookmarks

BlogCFC was created by Raymond Camden. This blog is running version 5.1.004.