SAP UI5 - 数据绑定

---

在 SAP UI5 中，数据绑定概念用于通过将数据与保存应用程序数据的控件绑定来自动更新数据。使用数据绑定，您可以将文本字段、简单按钮等简单控件绑定到应用程序数据，并且当有新值时数据会自动更新。

使用双向数据绑定，当绑定控件的值发生变化时，应用程序数据就会更新。该值可以通过不同的方法更改，例如用户输入等。

在SAP UI5中，可以使用不同的数据模型进行数据绑定。这些数据模型支持不同的功能 -

JSON模型

JSON 模型用于将 JavaScript 对象绑定到控件。该数据模型是客户端模型，建议用于小型数据集。它不提供任何服务器端分页或加载机制。

主要特点包括 -

• 用于数据绑定的 JSON 模型支持 JavaScript 表示法格式的数据。
• 它支持双向数据绑定。

创建模型实例 -

Var oModel = new sap.ui.model.json.JSONModel(dataUrlorData);

XML模型

数据绑定的 XML 模型允许您将控件绑定到 XML 数据。它用于客户端对象和小型数据集。它不提供任何服务器端分页或加载机制。

主要特点包括 -

• 数据绑定的 XML 模型支持 XML 数据。
• 它还支持双向数据绑定。

创建模型实例 -

Var oModel = new sap.ui.model.xml.XMLModel(dataUrlorData);

O数据模型

OData模型是服务器端模型，因此整个数据在服务器端可用。客户端只能看到行和字段，并且不能在客户端使用排序和过滤。需要向服务器发送这个请求来完成这些任务。

OData 模型中的数据绑定是一种方式，但您可以使用实验性写入支持启用双向绑定。

主要特点包括 -

• 数据绑定的 OData 模型支持 Odata 兼容数据。
• 此数据模型允许您创建 OData 请求并处理响应。
• 它支持实验性的双向绑定。

创建模型实例 -

Var oModel = new sap.ui.model.odata.ODataModel (dataUrl [,useJSON, user, pass]);

分配模型

您可以使用 setModel 方法将模型分配给特定控件或核心。

Sap.ui.getcore().setModel(oModel);

将模型绑定到视图 -

Var myView = sap.ui.view({type:sap.ui.core.mvc.ViewType.JS, viewname:”view name”});
myView.setModel(oModel);

将模型绑定到控件 -

Var oTable = sap.ui.getCore().byId(“table”);
oTable.setModel(oModel);

您可以将控件的属性绑定到模型属性。您可以使用bindproperty方法将模型的属性绑定到控件 -

oControl.bindProperty(“controlProperty”, “modelProperty”);
or by using below methodvar
oControl = new sap.ui.commons.TextView({
   controlProperty: “{modelProperty}”
});

聚合绑定

您可以使用聚合绑定来绑定值的集合，例如将多行绑定到表。要使用聚合，您必须使用充当模板的控件。

您可以使用bindAgregation方法定义聚合绑定。

oComboBox.bindaggregation( “items”, “/modelaggregation”, oItemTemplate);