SAP UI5 - Vistas

Las vistas se definen utilizando bibliotecas SAP de la siguiente manera:

• XML con HTML, mixto o independiente: Library- sap.ui.core.mvc.XMLView
• JavaScript: Biblioteca- sap.ui.core.mvc.JSView
• JSON: Biblioteca - sap.ui.core.mvc.JSONView
• HTML: Biblioteca - sap.ui.core.mvc.HTMLView

Muestra de vista de 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;
   }
});

Muestra de vista 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>

Del mismo modo, puede crear una vista JSON derivada de sap.ui.core.mvc.JsonView.

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

Comparación de tipos de vista

La siguiente tabla enumera las características clave asociadas con el concepto MVC y la comparación de diferentes tipos de vistas con las características.

Característica	Vista JS	Vista XML	Vista JSON	Vista HTML
Bibliotecas estándar y personalizadas	si	si	si	si
Propiedades de los tipos string, int Boolean, float	si	si	si	si
Agregación 1: 1, 1: n Asociación 1: 1, 1: n	si	si	si	si
Enlace de datos simple	si	si	si	si
Personalizar el enlace de datos	si	No	No	No
HTML incrustado	No	si	No	No
Finalización de código	si	si	No	No
Plantillas	si	No	No	No
Validación	No	si	No	No
Oyente de evento único	si	si	si	si