5.3.11 <al-tree>

##
5.3.11 `<al-tree>`

This tag is used to display tree structured data. A pre-order traversal (node visited before each child) of the tree is performed and the enclosed content is evaluated for each node in the tree.

The `treefold`, `treeselect`, and `treeellipsis` attributes on the `<al-input>` (5.2.2) tag allow the user to open, close, and select lazy tree nodes.

Section 3.12 contains an example of a simple usage of the `<al-tree>` tag.

The `samples/tree/tree1` sample program takes the simple example further and implements an application that places a checkbox next to the name of each node name. A unique input field name is generated for each checkbox by using the `alias` attribute described in section 5.2.2 on page .

The `samples/tree/tree2` sample program demonstrates the use of the `lazy` `<al-tree>` attribute that enables lazy child loading mode.

The `samples/tree/tree3` sample program demonstrates the use of the `ellipsis` `<al-tree>` attribute.