Read query params from URL
Pass query parameters and read them from the URL
If you need to pass and read query params from the URL, follow these steps.
Use case: you have a Table, and on row select, you need to be transferred to a Details page of a certain record.
First of all, create a new page for the Details information. Then, create an action that will be navigating you to that page:
  1. 1.
    Add a new action - Navigation.
  2. 2.
    Specify Page Path as {{routes.details.url}}
  3. 3.
    In Query Params, add id as: {{ui.customersTable.selectedRow.data.customerNumber}}
Setting up Page Path
Specifying query params
Next, assign the navigation action to the On Row Select trigger:
Now, go to the Details page and add a Detail component to it. To display the data of a selected record from the table:
  1. 1.
    Add a new action - Load Row.
  2. 2.
    Add a filter to retrieve a row as Customer Number ={{ activeRoute.queryParams.id}}
  3. 3.
    Click anywhere on the Details component and assign this new action in the Data field.
Now, as you select a certain row in the table, you will be sent to the Details page.
Copy link