SAP UI5 - Ansichten

Ansichten werden mithilfe von SAP-Bibliotheken wie folgt definiert:

• XML mit HTML, gemischt oder eigenständig: Library- sap.ui.core.mvc.XMLView
• JavaScript: Library- sap.ui.core.mvc.JSView
• JSON: Bibliothek - sap.ui.core.mvc.JSONView
• HTML: Bibliothek - sap.ui.core.mvc.HTMLView

Beispiel für eine JavaScript-Ansicht

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

Beispiel für eine HTML-Ansicht

<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>

Ebenso können Sie eine JSON-Ansicht erstellen, die von sap.ui.core.mvc.JsonView abgeleitet ist.

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

Vergleich der Ansichtstypen

In der folgenden Tabelle sind die wichtigsten Funktionen aufgeführt, die mit dem MVC-Konzept und dem Vergleich verschiedener Ansichtstypen für die Funktionen verbunden sind.

Merkmal	JS-Ansicht	XML-Ansicht	JSON-Ansicht	HTML-Ansicht
Standard- und benutzerdefinierte Bibliotheken	Ja	Ja	Ja	Ja
Eigenschaften der Typen string, int Boolean, float	Ja	Ja	Ja	Ja
Aggregation 1: 1, 1: n Assoziation 1: 1, 1: n	Ja	Ja	Ja	Ja
Einfache Datenbindung	Ja	Ja	Ja	Ja
Passen Sie die Datenbindung an	Ja	Nein	Nein	Nein
Eingebettetes HTML	Nein	Ja	Nein	Nein
Code-Vervollständigung	Ja	Ja	Nein	Nein
Vorlagen	Ja	Nein	Nein	Nein
Validierung	Nein	Ja	Nein	Nein
Einzelereignis-Listener	Ja	Ja	Ja	Ja