SAP UI5 Application Development Tutorial No. 70 - How to Use Button Control to Trigger Page Routing Jump

The 67th article of this tutorial: SAP UI5 Application Development Tutorial No. 67 - Implementation of the SAP UI5 List-Detail (List-Detail) Layout Based on OData V4SemanticPage We introduced that by clicking on any row of the User list, you can display the User information details page features:

We also emphasized at the time that the opening of the User details page is not achieved through the SAP UI5 routing function, so even after the details page is displayed, the URL corresponding to the browser address bar of the entire SAP UI5 application remains unchanged.

To actually use the SAP UI5 routing function to jump from the List page to the Detail page, you can refer to this step:

SAP UI5 Application Development Tutorial No. 29 - Introduction to the routing and navigation functions of SAP UI5

This article introduces two different behaviors for triggering SAP UI5 page routing jumps through button controls.

First look at the effect achieved after this step is completed. Go to folder 70, run the command line ui5 serve, and visit the following url:

http://localhost:8080/webapp/index.html

See the left and right buttons.