How to preselect a row in a single-select table sourced from a data page in Pega Infinity '24.2.3?

User Experience
1

I have a requirement in Pega Infinity '24.2.3 where the UI consists of two steps:

  1. An advanced search screen that allows the user to search for a customer.

  2. A second screen that displays a list of related records (for example, accounts or services).
    This list is shown using a single-select table layout, and the results are sourced from a data page that calls an external REST API.

My requirement is:

If the value used during the search (for example, an identifier entered in step 1) exists within the results returned in step 2, that row in the table should automatically be preselected.

I tried setting a page property before rendering the table, but the row still does not show as selected. The UI always loads with no row selected.

Is there a recommended approach in Pega Infinity '24.2.3 to programmatically set the selected row of a single-select table that is sourced from a data page?

2

@MaleeshaW

The way to do it is you set the identifier in .yourPage.YourIdentifier. Where YourIdentifier is the key which is used in both the list and the Single page datapages.

Example:

.Account.pyGUID

If it can find the key in the list page, this will be set as selected