Tree Navigation Control

This example shows off the QTreeNav control.

The control uses it's own internal tree data structure, combined with Javascript/DOM caching and recursion to store and render the items/nodes within the tree navigation. The internal structure can be built before the control is rendered, or on demand as branches are expanded.

Note that the first time you expand a node, the tree navigation item will make a postajax call to retrieve the child nodes for that node. However, on subsequent expand/collapse events for that node, it's purely client-side (no postajax call is made).

Below are two treenavs built using the two methods of building internal data. Please be sure to view the tnvExample_AddItems and tnvExampleDynamic_AddItemscalls in the treenav.php code to see how we recurse through the includes/ filesystem directory to recursively add the treenav nodes/items to the tree nav control in either situation.