Учебники

SAP UI5 – Представления

Представления определяются с использованием библиотек SAP следующим образом:

  • XML с HTML, смешанный или автономный: Library-sap.ui.core.mvc.XMLView
  • JavaScript: библиотека – sap.ui.core.mvc.JSView
  • JSON: Библиотека – sap.ui.core.mvc.JSONView
  • HTML: библиотека – sap.ui.core.mvc.HTMLView

JavaScript Посмотреть пример

Sap.ui.jsview(“sap.hcm.address”, {
   getControllerName: function() {
      return sap.hcm.address”;
   },
   createContent: function(oController) {
      var oButton = new sap.ui.commons.Button({ text: Hello });
      oButton.attachPress(function() {
         oController.Hello();
      })
      Return oButton;
   }
});

HTML Посмотреть пример

<template data-controller-name = ”sap.hcm.address’>
   <h1>title</h1>
   <div> Embedded html </div>
   <div class = ”test” data-sap-ui-type = ”sap.ui.commons.Button”
      Id = ”Button1” data-text =  ”Hello” Data-press = ”sayHello”>
   </div>
</template>

Точно так же вы можете создать представление JSON, полученное из sap.ui.core.mvc.JsonView.

{
   “type”:”sap.ui.core.mvc.JsonView”,
   “controllerName”:”sap.hcm.address”,
   ……………………….
   …………………...
   …………………….
}

Сравнение типов просмотра

В следующей таблице перечислены ключевые функции, связанные с концепцией MVC, и сравнение различных типов представлений с функциями.