SAP UI5 - Visualizações

As visualizações são definidas usando bibliotecas SAP da seguinte forma -

• XML com HTML, misto ou independente: Library- sap.ui.core.mvc.XMLView
• JavaScript: Library- sap.ui.core.mvc.JSView
• JSON: Biblioteca - sap.ui.core.mvc.JSONView
• HTML: Biblioteca - sap.ui.core.mvc.HTMLView

JavaScript View Sample

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;
   }
});

Amostra de exibição de 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>

Da mesma forma, você pode criar uma visualização JSON derivada de sap.ui.core.mvc.JsonView.

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

Comparação de tipos de vista

A tabela a seguir lista os principais recursos associados ao conceito MVC e a comparação de diferentes tipos de visualização dos recursos.

Característica	Visualização JS	Visualização XML	JSON View	Visualização HTML
Bibliotecas padrão e personalizadas	sim	sim	sim	sim
Propriedades dos tipos string, int Boolean, float	sim	sim	sim	sim
Agregação 1: 1, 1: n Associação 1: 1, 1: n	sim	sim	sim	sim
Vinculação de dados simples	sim	sim	sim	sim
Personalizar vinculação de dados	sim	Não	Não	Não
HTML incorporado	Não	sim	Não	Não
Completação de Código	sim	sim	Não	Não
Templating	sim	Não	Não	Não
Validação	Não	sim	Não	Não
Listener de evento único	sim	sim	sim	sim