How to Display Data in a Tree Table

10-44 Web User Interface Developers Guide for Oracle Application Development Framework ■ Tree and tree table when the pathStamp facet is used: The toolbar buttons Go Up , Go To Top, and Show as Top also appear. Example 10–20 shows how the panelCollection component contains menus and toolbars. Example 10–20 The panelCollection Component with Table, Menus, and Toolbars af:panelCollection binding={editor.component} f:facet name=viewMenu af:group af:commandMenuItem text=View Item 1... af:commandMenuItem text=View Item 2.. af:commandMenuItem text=View Item 3... disabled=true af:commandMenuItem text=View Item 4 af:group f:facet f:facet name=menus af:menu text=Actions af:commandMenuItem text=Add... af:commandMenuItem text=Create.. af:commandMenuItem text=Update... disabled=true af:commandMenuItem text=Copy af:commandMenuItem text=Delete af:commandMenuItem text=Remove accelerator=control A af:commandMenuItem text=Preferences af:menu f:facet f:facet name=toolbar af:toolbar af:commandToolbarButton shortDesc=Create icon=new_ena.png af:commandToolbarButton af:commandToolbarButton shortDesc=Update icon=update_ena.png af:commandToolbarButton af:commandToolbarButton shortDesc=Delete icon=delete_ena.png af:commandToolbarButton af:toolbar f:facet f:facet name=secondaryToolbar f:facet f:facet name=statusbar af:toolbar af:outputText id=statusText ... value=Custom Statusbar Message af:toolbar f:facet af:table rowselection=multiple columnselection=multiple ... af:column ... af:column Using Tables and Trees 10-45

10.8.1 How to Add a panelCollection with a Table, Tree, or Tree Table

You add a panelCollection component and then add the table, tree, or tree table inside the panelCollection component. You can then add and modify the menus and toolbars for it. To create a panelCollection component with an aggregate display component: 1. In the Component Palette, from the Layout panel, drag and drop a Panel Collection onto the page. Add the table, tree, or tree table as a child to that component. Alternatively, if the table, tree, or tree table already exists on the page, you can right-click the component and choose Surround With. Then select Panel Collection to wrap the component with the panelCollection component.

2. Optionally, customize the panelCollection toolbar by turning off specific

toolbar and menu items. To do so, select the panelCollection component in the Structure window. In the Property Inspector, set the featuresOff attribute. Table 10–1 shows the valid values and the corresponding effect on the toolbar. Tip: You can make menus detachable in the panelCollection component. For more information, see Section 14.2, Using Menus in a Menu Bar. Consider using detached menus when you expect users to do any of the following: ■ Execute similar commands repeatedly on a page. ■ Execute similar commands on different rows of data in a large table, tree table, or tree. ■ View data in long and wide tables or tree tables, and trees. Users can choose which columns or branches to hide or display with a single click. ■ Format data in long or wide tables, tree tables, or trees. Table 10–1 Valid Values for the featuresOff Attribute Value Will not display... statusBar status bar viewMenu View menu formatMenu Format menu columnsMenuItem Columns menu item in the View menu columnsMenuItem:colId For example: columnsMenuItem:col1, col2 Columns with matching IDs in the Columns menu For example, the value to the left would not display the columns whose IDs are col1 and col2 freezeMenuItem Freeze menu item in the View menu detachMenuItem Detach menu item in the View menu sortMenuItem Sort menu item in the View menu reorderColumnsMenuItem Reorder Columns menu item in the View menu resizeColumnsMenuItem Resize Columns menu item in the Format menu wrapMenuItem Wrap menu item in the Format menu showAsTopMenuItem Show As Top menu item in the tree’s View menu