Tree component

The Tree component allows a user to view hierarchical data. The tree appears in a box like the List component, but each item in a tree is called a node and can be either a leaf or a branch. By default, a leaf is represented by a text label beside a file icon, and a branch is represented by a text label beside a folder icon with an expander arrow (disclosure triangle) that a user can open to display child nodes. The children of a branch can be leaves or branches.

NOTE

The Tree component is supported only if you are working in a document that specifies ActionScript 2.0 in its Publish Settings.

The data of a tree component must be provided from an XML data source. For more information, see Using the Tree component.

When a Tree instance has focus either from clicking or tabbing, you can use the following keys to control it:

Key

Description

Down Arrow

Moves selection down one item.

Up Arrow

Moves selection up one item.

Right Arrow

Opens a selected branch node. If a branch is already open, moves to first child node.

Left Arrow

Closes a selected branch node. If on a leaf node of a closed branch node, moves to parent node.

Space

Opens or closes a selected branch node.

End

Moves selection to the bottom of the list.

Home

Moves selection to the top of the list.

Page Down

Moves selection down one page.

Page Up

Moves selection up one page.

Control

Allows multiple noncontiguous selections.

Shift

Allows multiple contiguous selections.

The Tree component cannot be made accessible to screen readers.

Related topics