How to Configure Upward Navigation in a Hierarchy Viewer

29-18 Web User Interface Developers Guide for Oracle Application Development Framework Figure 29–11 Modal Popup in Hierarchy Viewer Node Example 29–2 Sample Code to Create the Popup af:popup id=popupDialog contentDelivery=lazyUncached eventContext=launcher launcherVar=source af:setPropertyListener from={source.currentRowData} to={myBean.selectedEmployee} type=popupFetch af:dialog title=Employee HR Detail af:panelFormLayout af:panelLabelAndMessage label=Name af:outputText value={myBean.selectedEmployee.firstName} {myBean.selectedEmployee.lastName} af:panelLabelAndMessage af:panelLabelAndMessage label=Offical Title af:outputText value={myBean.selectedEmployee.officalTitle} af:panelLabelAndMessage af:panelLabelAndMessage label=HR Manager Id af:outputText value={myBean.selectedEmployee.hrMgrPersonId} af:panelLabelAndMessage af:panelLabelAndMessage label=HR Rep Id af:outputText value={myBean.selectedEmployee.hrRepPersonId} af:panelLabelAndMessage af:panelFormLayout af:dialog af:popup Example 29–3 Sample Code to Invoke Popup from Command Component f:facet name=zoom100 ... dvt:panelCard effect=slide_horz ... af:showDetailItem text=Contact ... af:commandLink text=Show HR Detail inlineStyle=font-size:14px;color:383A47 af:showPopupBehavior popupId=::popupDialog triggerType=action align=endAfter alignId=pg1 af:commandLink showDetailItem Using ADF Hierarchy Viewer Components 29-19 dvt:panelCard f:facet For more information about using the af:showPopupBehavior tag, see Section 13.4, Invoking Popup Elements.

29.5.4 How to Configure a Hierarchy View Node to Invoke a Menu

You can configure a node component dvt:node within a hierarchy viewer to invoke a menu by using the af:menu component. You can configure one or more af:commandMenuItem elements for the af:menu component. Nodes within a hierarchy viewer component do not support the nesting of af:menu components. Figure 29–12 shows a context menu associated with a node. Figure 29–12 Hierarchy Viewer Node Context Menu Example 29–4 shows sample code for creating the context menu Example 29–4 Context Menu Sample Code af:popup id=popupDialog contentDelivery=lazyUncached af:menu af:commandMenuItem text=Send an IM af:commandMenuItem text=Look at details af:menu af:popup For more information about using the af:menu component, see Chapter 13, Using Popup Dialogs, Menus, and Windows.

29.6 Using Panel Cards

You can use the panel card component in conjunction with the hierarchy viewer component to hold different sets of information for the nodes that the hierarchy viewer component references. The panel card component is an area inside the node element that can include one or more af:showDetailItem elements. Each of the af:showDetailItem elements references a set of content. For example, a hierarchy viewer component that renders an organization chart would include a node for employees in the organization. This node could include a panel card component that references contact information using an af:showDetailItem element and another af:showDetailItem element that references salary information.