SAP UI5 - Visualizzazioni

Le viste vengono definite utilizzando le librerie SAP come segue:

• XML con HTML, misto o autonomo: Library- sap.ui.core.mvc.XMLView
• JavaScript: Library- sap.ui.core.mvc.JSView
• JSON: libreria - sap.ui.core.mvc.JSONView
• HTML: libreria - sap.ui.core.mvc.HTMLView

Esempio di visualizzazione 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;
   }
});

Esempio di visualizzazione 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>

Allo stesso modo, puoi creare una vista JSON derivata da sap.ui.core.mvc.JsonView.

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

Confronto dei tipi di visualizzazione

La tabella seguente elenca le funzionalità chiave associate al concetto MVC e il confronto di diversi tipi di visualizzazione rispetto alle funzionalità.

Caratteristica	Vista JS	Visualizzazione XML	Visualizzazione JSON	Visualizzazione HTML
Librerie standard e personalizzate	sì	sì	sì	sì
Proprietà dei tipi string, int Boolean, float	sì	sì	sì	sì
Aggregazione 1: 1, 1: n Associazione 1: 1, 1: n	sì	sì	sì	sì
Associazione dati semplice	sì	sì	sì	sì
Personalizza associazione dati	sì	No	No	No
HTML incorporato	No	sì	No	No
Completamento del codice	sì	sì	No	No
Modelli	sì	No	No	No
Validazione	No	sì	No	No
Listener di eventi singoli	sì	sì	sì	sì