Three Ways to Define a TreeView: Markup (Progressive Enhancement), Existing TreeView Instance, and Object Literal

In this simple example you can see how to build TreeView Control instance from several different sources of data:

an HTML list on the page;
an existing TreeView instance's definition;
a branch of an existing TreeView instance (e.g., from one of its nodes).

Tree from markup

List 0
- List 0-0
  - item 0-0-0
  - item 0-0-1
item 0-1
- YUI
  - item 0-1-0
  - item 0-1-1

Copy of the tree above taken from its own definition

Copy of the second branch of the tree at the top

Tree built from a static definition