Adding a Tree View

The Tree View allows you to display hierarchical data, such as an organization chart. In an organization chart, each department would be a node. The user can expand and collapse the nodes to view different parts of the organization. You bind the tree to a Client Data Object and define properties to determine how each node is displayed. In this scenario, your Page Data Object and Client Data Object return a list of departments and subdepartments.

Use the following steps to put a Tree View on a JSP page.

1. In the Web perspective, open your JSP page and the Faces Client Components drawer from the palette.

2. Drag theTree View control onto the JSP page.

3. From the Client Data view, select and drag the property that will be the root of the tree onto the Tree View component. This step binds the Client Data to the Tree View.

4. Select the Tree View component on the JSP page.

5. Go to the Properties view to set the attributes.

6. Optional: On the odc:tree tab, set tree size, modify style classes, and enable node selection.

7. On the Tree Node List tab, select the nodes to display from the Client Data and which attributes to display on each node. For example, the department name or the manager of the department.

8. Save and run the JSP page on a test server when you have finished

   Note: For more information on the Tree View, press the F1 key in the Properties view.