Учебники

SAP UI5 — привязка данных

Сентябрь 3, 2018

В 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.

50
Share: