Skip to Content
Author's profile photo Tom Flanagan

SAP River: Creating the UI using SAPUI5

Philip Mugglestone from the SAP HANA Academy explores how to use SAPUI5 for an SAP River application.

UI5’s built-in OData bindings automate a lot of the laborious aspects of HTML coding.UI5 is open sourced and can be found free to download here. UI5 is a web based, Java script, JQuery based, HTML 5 environment that contains a great set of controls that supports OData binding. UI5 is ready built to help a user quickly build and run their applications. UI5 comes installed on the SAP HANA server. The full developer guide can be accessed here.

To demonstrate how to use UI5 Philip pastes in some code and then compares it to the simple HTML code he used in a previous video. Philip sets up a path for the OData calls and uses UX3 controls to set up a simple menu for the application. Philip uses a table control to create a table and uses a model to load the table with data. Using a Odata model, Philip binds the rows in the table to his entity and then binds columns to their properties. This ties the table onto SAP River.

Philip next examines the part of the UI5 code that is responsible for the application’s action. Philip added a tool bar to the top of the table with an action button. In UI5 a press function is utilized to select a highlighted cell and run an action that pops up a message box when the button is clicked.

Finally, Philip shows how to create a unique theme by making a slight change to the UI5 code.

Philip’s video shows just how simple it is to quickly create a very power SAP River application with a great look and feel using SAPUI5.

Screen Shot 2014-02-21 at 12.14.04 PM.png

View other tutorials on SAP River at the SAP HANA Academy.

SAP HANA Academy – over 500 free tutorial technical videos on using SAP HANA.

-Tom Flanagan

SAP HANA Academy

Follow @saphanaacademy

Assigned Tags

      Be the first to leave a comment
      You must be Logged on to comment or reply to a post.