В предыдущей заметке, посвященной созданию Web приложения с помощью фреймворка SAPUI5, я описал последовательность действий, в результате которой несколько статичных записей выводится в представление(View), добавил пару кнопок, отловил их нажатие пользователем с подтверждением всплывающего сообщения, информирующего пользователя о том, что кнопка была нажата.

См. заметку Создание Web приложения с помощью фреймворка SAPUI5 (1)

См. заметку Создание Web приложения с помощью фреймворка SAPUI5 (2)

В этой заметке я планирую добавить немного осмысленности в данные, которые будут отображаться в представлении (View) с последующим их обрамлением в нужные мне элементы. Итак, данные.

Модель

Не устану прибегать к справочному руководству вендора в котором представлено хорошее описание модели в концепции MVC

См. Models

A model in the Model View Controller concept holds the data and provides methods to retrieve the data from the database and to set and update data.

- JSON model: Can be used to bind controls to JavaScript object data, which is usually serialized in the JSON format. The JSON model is a client-side model and, therefore, intended for small data sets, which are completely available on the client. The JSON model supports two-way (default), one-way and one-time binding modes.|

- XML model: A client-side model intended for small data sets, which are completely available on the client. The XML model does not contain mechanisms for server-based paging or loading of deltas. The XML model supports two-way (default), one-way and one-time binding modes.

- Resource model: Designed to handle data in resource bundles, mainly to provide texts in different languages. The resource model only supports one-time binding mode because it deals with static texts only.

В файле /webapp/models/model.js определю набор данных с которым будет работать мое приложение

Component

См. Components

Components are independent and reusable parts used in SAPUI5 applications.

Загружу модель данных в приложение, отредактировав файл /webapp/Component.js

View

В представление добавляю таблицу, передавая в нее данные из модели данных employee. Редактирование производится в файле /webapp/View/Default.view.xml

Запускаю приложение