The Zapatec AJAX Tree Demos
Basic Collapsed Tree
This demo shows a collapsed Javascript tree in which you can click both the categories and the nodes.
AJAX - Dynamically Load Tree from Server
Dynamically load tree nodes using AJAX. HTML, JSON, and XML formats are used.
Tree with HTML
HTML can be used to change the presentation of tree and/or prompt the user for information.
Save State
Save the state of the last tree node opened. When the user revisits the page, the tree is expanded to this saved node.
Compact Tree
Compact the tree so ONLY one branch can be open at a time. Useful to compact the presentation of the tree.
Icons
Icons can be added to each tree node. Useful demo to see how to add icons to tree based on the state of each node.
Select Data
Select data from the tree nodes. Useful demo to prompt the user for data selection in a tree drill down structure. |