(Example) How Do I Configure a Pop-Up Select Control to Bind the Lookup Values to a Data Grid?

This section gives procedures to configure Pop-Up Select form control to bind the lookup values to a Data Grid form control.

Step 1: Configure the Data Grid Form Control

This step shows how to configure Data Grid Data Grid icon control to view the data in a table from Pop-Up Select Pop-Up Select icon control.

How to Start

  1. Open eForm Builder.

    For information about how to open this screen, refer to eForm Builder screen.


    Eform Builder screen
  2. On the eForm Builder screen, in the Toolbox, open the Advanced Controls tab.

    Advanced Controls tab
  3. On the Advanced Controls tab, drag a Data Grid Data Grid icon form control onto your eForm.

    Data Grid Form Control

Procedure

  1. On the General tab, in the Label field, enter Customer Details.

    Data Grid General tab
  2. In the Internal Name field, enter CustomerDetails.

    Data Grid General tab
  3. Click the Configure tab.

    Data Grid Configure tab
  4. In the Select List Type list, select Lookup List.

    Data Grid Configure tab
  5. In the Lookup Source list, click Add Lookup Add Lookup icon.

    Data Grid Configure tab
  6. On the Select Data Source Type screen, select Data Entities Data Entities icon.

    Select Data Source Type screen
  7. Click Next.
  8. On the Lookup Details screen, in the Lookup Name field, enter Customer Details Lookup.

    Lookup Details screen
  9. In the Lookup Type field, makes sure the Multiple Columns is selected.

    Lookup Details screen
  10. Click Next.
  11. On the Configure Lookup screen, Click the Quick Config tab.

    Configure Lookup Quick Config tab
  12. On the Quick Config tab, in the Select Entity list, select CustomerRequest.

    The CustomerRequest is a standard entity entity comes out of the box in AgilePoint NX Data Entities.


    Configure Lookup Quick Config tab
  13. In the Select Columns field, select these fields:
    • ID
    • EmailID
    • Gender
    • DateOfBirth
    • Last Name
    • First Name

    Configure Lookup Quick Config tab
  14. Click Finish.
  15. In the Lookup Source list, select Customer Details Lookup.

    Data Grid Configure tab
  16. To save the changes, click Close Screen Close Screen icon.

Step 2: Configure the Pop-Up Select Form Control

This step shows how to configure Pop-Up Select Pop-Up Select icon control to bind the lookup values to Data Grid.

How to Start

  1. Open eForm Builder.

    For information about how to open this screen, refer to eForm Builder screen.


    Eform Builder screen
  2. On the eForm Builder screen, in the Toolbox, open the Advanced Controls tab.

    Advanced Controls tab
  3. On the Advanced Controls tab, drag a Pop-Up Select Pop-Up Select icon form control onto your eForm.

    Pop Up Select Form Control

Procedure

  1. On the General tab, in the Label field, enter Select Customer Details.

    Pop-Up Select General tab
  2. In the Internal Name field, enter SelectCustomerDetails.

    Pop-Up Select General tab
  3. Click the Configure tab.

    Pop-Up Select Configure tab
  4. In the Lookup Source list, select Customer Details Lookup.

    The Customer Details Lookup is the lookup configured for the Data Grid control in this example.


    Pop-Up Select Configure tab
  5. In the Bind Lookup Values To A Repeating Control list, select CustomerDetails.

    The CustomerDetails is the internal name for the Data Grid control in this example.


    Pop-Up Select Configure tab
  6. In the On Lookup Completion, Trigger Change Event For list, select All Target Controls.

    Pop-Up Select Configure tab
  7. Select these fields:
    • Always show Popup
    • Allow multiple selection

    Pop-Up Select Configure tab
  8. To save the changes, click Close Screen Close Screen icon.

Step 4: Run the App

Next, run the app.

Procedure

  1. To run the app, refer to My Apps screen (Modern).

    When you run the app, this screen shows.


    Select Customer Details screen

    To change the value of the data grid, click Select Customer Details and choose the value you want to show in data grid.


    Select Customer Details screen

    Select Customer Details screen