Show TOC

Creating a List GUIBB with a Related ViewLocate this document in the navigation structure

Use

You can create and configure a list GUIBB with a related view.

Prerequisites

In an SAP development system, you have created a Web Dynpro application and created an Initial screen. For more information, see:

Procedure

  1. On the Component Configuration screen, in the Navigation pane, choose the Main Page table row.

  2. To create a list UIBB for the main page, on the Overview Page Schema or Object Instance Schema tab, choose the UIBB pushbutton and select Add List Component.

  3. Enter the following details for the list GUIBB:

    • Component: FPM_LIST_UIBB

    • View: LIST_WINDOW

    • Configuration name: Any configuration name

  4. Save your entries.

  5. Choose Configure UIBB.

  6. To create the configuration for your UIBB, in the Editor for the Web Dynpro ABAP Component Configuration screen, choose New.

  7. In the Create Configuration dialog box, enter any required description and confirm your entry.

  8. In the Select Package dialog box, enter your required package and confirm your entry.

  9. In the Edit Feeder Class dialog box, enter the /BOFU/CL_FBI_GUIBB_LIST feeder class and choose Edit Parameters.

  10. In the Edit Parameters dialog box, enter the following feeder parameters and choose OK:

    • FBI View name.

    • Select the Handles Toolbar checkbox.

  11. On the component configuration screen of the list GUIBB, choose Column.

  12. Select the elements to be displayed on the list and choose OK.

  13. Save the configuration

Creating Wires

  1. Return to the component configuration screen.

  2. On the Wire Schema tab, choose the Graphical Wire Editor button.

  3. Perform the required wiring. During wiring, select the connector class /BOFU/CL_FBI_GUIBB_CONNECTOR.

    Note

    The wiring sequence should be Initial screen → Bootstrap → List (configured with related view).

  4. Choose Done.

  5. Choose Save.

Testing the Application

  1. Go to the application configuration screen and choose Test.

  2. On the Initial screen of the application, enter an alternative key and choose Continue. On the Main page, the list configured using a related view is displayed.