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);

OData 模型

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);