Chapter 13. Selecting and Sorting with jQuery UI

If you spend any time working with lists (in an application such as Microsoft Excel), then it is possible that you will need to select and sort items into some logical order, in a similar fashion to selecting and ordering icons on your computer's desktop.

The selectable and sortable interaction helpers in jQuery UI allow you to define a series of elements that can be chosen by dragging a selection square around them, and then reordered into a new order.

Topics that will be covered in this section include:

• Creating the default selectable implementation

• How selectable class names reflect the state of selectable elements

• Filtering selectable elements

• Working with selectables' built-in callback functions

• A look at selectables' methods

• Creating a default sortable widget

• Basic configurable properties

• Sortables' wide range of built-in event handlers and methods

• Submitting the sorted result to a server

• Adding drag elements to a sortable

Selecting and sorting has...