Подключение oData сервиса в проект SAPUI5 в SAP Web IDE
На примере покажем процесс подключения oData сервиса в проект SAPUI5.
В SAP Web IDE создадим проект приложения SAPUI5 с помощь шаблона «SAPUI5 Application».
Шаблон создаст пустой проект с готовой структурой. Есть все файлы для работы проекта.
Для добавления oData сервиса в проект, на папке проекта щелкнем правой конопкой мыши, в контекстном меню выберем New – oData Service.
Подключим готовый oData сервис из каталога своей abap-системы.
Подключение можем увидеть в файле manifest.json. Добавился сегмент dataSources:
Добавим в наш вью файл ViewMain.mxl код вывода вложенного списка элемента управления <List> (пример создания элемента с $expand) , у которого элементами будут данные из нашего oData сервиса.
Если запустить проект, то в браузере увидим пустой список (No data). Почему?
Ответ прост. oData сервис подключился к проекту, но он по умолчанию не запустился (не инициализировался).
Способы инициализации oData сервиса в SAPUI5 проекте:
Первый способ. Инициализация oData сервиса в контроллере:
Добавляем функцию onInit в файл ViewMain.controller.js:
- onInit: function() {
- var sUrl = "/sap/opu/odata/sap/ZCO_BUDGETFS_SRV/";
- var oModel = new ODataModel(sUrl, {
- useBatch: false
- });
- this.getView().setModel(oModel);
- }
Второй способ. Добавление фрагмента инициализации в блок «models» файла manifest.json.
Закоментируем функцию onInit в файле ViewMain.controller.js
Добавим код инициализации (предварительной загрузки) в блок «models» файла manifest.json:
- "": {
- "dataSource": "ZCO_BUDGETFS_SRV",
- "preload": true
- }
Сохраняем все изменения и запускаем на выполнение. В браузере увидим результат:
oData данные инициализировались при запуске проекта. Всё работает. Желаю удачи в изучении SAPUI5.