SAPUI5: In Which Order Executes an SAPUI5 Application?


This is about the execution order of an SAPUI5 application.

Learn in which order an SAPUI5 applcation executes.

Let’s get right into it!

The Execution Order of an SAPUI5 Application

Below is the order in which an SAPUI5 application executes—in bold are the application files of the respective execution step:

  • Start of the application (index.html)
  • Load SAPUI5 resources
  • Index’s bootstrap loads component (component.js)
  • Component loads descriptor (manifest.json)
  • Component creates models defined in the descriptor
  • Execute component’s init function
  • Component’s init function executes parent UIComponent’s init function
  • Parent UIComponent’s init function creates manifest’s router
  • Parent UIComponent’s init function creates manifest’s root view (view1.view.xml)
  • Root view creates root control
  • Component’s init function initializes router
  • Router creates other necessary views
  • Each view loads corresponding controller (view1.controller.js)
  • Each controller executes its init function
  • Router places views in root control
  • Models are available in the views
  • Evaluate view’s bindings
  • Retrieve model data

Here is the life cycle of a controller in SAPUI5.

And here is the life cycle of a control in SAPUI5.

🙌 More Articles

🔥 The Complete SAP ERP Modules Overview Infographic in PDF Format (Free)

Plus, don't miss future infographics and free SAP tips and insights that are available only to newsletter subscribers. 

Leave a Comment

Your email address will not be published. Required fields are marked *

Fill out this field
Fill out this field
Please enter a valid email address.
You need to agree with the terms to proceed