Show TOC

Procedure documentationCreating a Nested iView Locate this document in the navigation structure

 

You can use a nested iView to create an iView displayed within another – source – iView. The nested iView receives data from the source iView, and the runtime user can enter other information into the iView as well. The nested iView, however, does not return data to the source iView.

Procedure

  1. Create the source iView, adding one or more data services and input forms as needed.

  2. Click the Compose button in the task-panel toolbar to display the Compose Element toolbar.

  3. From the Components group of icons at the top, drag the Nested iView icon onto the board at the relevant location. The Select Nested iView dialog box is displayed.

  4. Choose Create new iView at the bottom, unless you have already created a separate iView that will be embedded in the source iView. In that case, select the iView name and choose Select existing iView. Click OK.

  5. Right-click the nested iView icon and choose Drill Down from the context menu.

  6. Create the iView logic, adding the data service and the UI components you require. To connect the nested iView to the source iView, drag out from the Input port of the data service and choose Signal In. The Select Input Fields dialog box is displayed.

  7. Check the fields that should be input from the source iView and click OK.

  8. Go onto the Layout board and adjust the layout as needed.

  9. Save the iView and then deploy it by clicking the Deploy Model (Deploy Model) button in the toolbar.

  10. Go back to your source iView and connect a line between the out port of the UI component to be connected to the nested iView and the icon of the nested iView.

  11. If needed, create a button in the UI component and define the action that transfers the data to the nested iView, renaming the connecting line to the nested iView accordingly. (For more information about creating buttons, see Creating a Popup iView

  12. Double-click the connecting line and in the Configure Element task panel, map the fields between the UI component and the nested iView.

  13. Adjust the layout to compensate for the nested iView.

  14. Save the source iView and deploy it.

Example

The following is the design-time layout of the runtime nested iView shown in Create Interrelated iViews.

Design of the Nested iView (Design of the Nested iView)