10. Other Advanced Controls
Introduction to QTreeNav
<< Introduction to QImageLabel   |   Back to Main   |   Introduction to QImageControl >>

View Source
will open in a new window
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.

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).

Finally, please be sure to view the tnvExample_AddItems call 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.