Navigation in SAP Build Apps by passing Parameters

[Prachiti]

I have configured list view on Home page which shows data from backend application created using SAP Build Apps.

Home Page which shows Employee Name and Job Role

Set Up Integration with SAP S/4HANA Cloud Public Edition

Created and deployed backend application to store data in SAP Build

Step 1: Create New Page to show Employee Details

In SAP Build Apps -> Click on Home Page -> Add New Page -> Provide Name and Save.

Step 2: Create Navigation to Target Page (Employee Details)

Open Employee Application.

Search Marketplace for Open Page Flow Function.

Open it and click on Install.

Open Home page -> Click on the List Item to add Logic -> Drag and Drop Open page flow function in the logic section.

Select Navigation Flow function -> Under Properties -> Page -> select Employee Details Page which is the target page.

Step 3: Configure Employee Details Page

Add Title and two Text boxes to the Employee detail Page.

Bind Text1 field to formula data.Employee1.firstName and Text2  to data.Employee1.job

Step 4: Set Parameters in the Employee Details target page.

Switch to Variable section -> Select Page Parameters -> Click Add Page Parameter

Switch to Variable section -> Select Data Variable -> Click Add Data Variable -> Select Employee

In the Data Variable Type select single data record. Set ID to params.Emp_Detail_Pg_par (params.Page_Parameter)

Navigate to Home Page -> Open Flow Function and set ID to STRING(repeated.current.id)

Step 5: Run the App

Select 2nd entry. Details are displayed in Employee Details Page