Show TOC

Assigning the Model to the UILocate this document in the navigation structure

The model instance must be assigned to the UI, that is, the framework must know about the model instance, before you can bind controls to this model instance.


SAPUI5 provides a flexible and modularized concept in which you can not only define one model for your applications, but define different areas in your application with different models and assign single controls to a model. You can, for example, define a JSON model for the application and an OData model for a table contol that is contained in the application. You can also set multiple models for a ontrol, a UI area, or the core by specifying a name for the model. These models can be accessed by their name.

var oJSONModel = new sap.ui.model.json.JSONModel();
var oODataModel  = new sap.ui.model.odata.v2.ODataModel("myServicelUrl");
var oControl  = new sap.m.Input();

//set the JSONModel with the name 'myJSONModel' to the same control

When you set a model to a UI area or control, it will be propagated to all aggregated child controls. So if you set a model to a container control, for example, all controls that are contained (aggregated) in this container have access to this model. If one of the contained controls has its own model set (with the same name), the propagation stops. It is not possible to have two models with the same name set to one control instance.


Choose one of the following options:
  • You can define a global model that can be accessed by all controls from all UI areas by using the setModel method on the SAPUI5 core object. This is useful for simple form applications or demo applications.

  • You can also define a specific model for sections within a UI area, for example, inside a panel or for a table control. In this case, you can use the setModel method available on any control:

    var oTable = sap.ui.getCore().byId("table");