UI Tree

UI Tree

I added a tree component (ui.tree.js). It upgrades a nested list set (ul/li) to do expand/collapse and reordering. As a first step it is keyboard navigable and sortable. I still need to plug it in to use draggables and droppables for mouse sorting. For now the mouse is only useful for selecting a node, and expand/collapse (+/- click/double click on node text). Take a look at this test/demo:
<a href="http://dev.jquery.com/view/trunk/plugins/ui/tests/tree.html">http://dev.jquery.com/view/trunk/plugins/ui/tests/tree.html</a>
Here are some features/highlights:
* Nagivate:
Tab, Shift-Tab, Up, Down, Left, Right, Home, End
* Reorder (Move, Indent/Unindent):
Ctrl-Tab, Ctrl-Shift-Tab, Ctrl-Up, Ctrl-Down, Ctrl-Right, Ctrl-Left, Ctrl-Home, Ctrl-End
-or-
Ctrl-X -> Tab, Shift-Tab, Up, Down, Left, Right, Home, End -> Ctrl-V
* Multi-Select:
Shift-Up, Shift-Down
* Multi-Select can be combined with Ctrl-Moving or Ctrl-X, Ctrl-V
* Can be themed with css, but functionality is not dependent on css.
* Could easily be themed with images. This first version is themed with none.
Thanks to John for helping me turn this into a plugin (my first one!).
Test away. Let me know if you find any issues or have any thoughts on improvements. Thanks.
- Richard