SAP UI5 - Vues

Les vues sont définies à l'aide des bibliothèques SAP comme suit -

• XML avec HTML, mixte ou autonome: Library- sap.ui.core.mvc.XMLView
• JavaScript: Bibliothèque- sap.ui.core.mvc.JSView
• JSON: Bibliothèque - sap.ui.core.mvc.JSONView
• HTML: Bibliothèque - sap.ui.core.mvc.HTMLView

Exemple de vue 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;
   }
});

Exemple de vue 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>

De même, vous pouvez créer une vue JSON dérivée de sap.ui.core.mvc.JsonView.

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

Comparaison des types de vues

Le tableau suivant répertorie les fonctionnalités clés associées au concept MVC et la comparaison des différents types de vues par rapport aux fonctionnalités.

Fonctionnalité	Vue JS	Vue XML	Vue JSON	Affichage HTML
Bibliothèques standard et personnalisées	Oui	Oui	Oui	Oui
Propriétés des types string, int Boolean, float	Oui	Oui	Oui	Oui
Agrégation 1: 1, 1: n Association 1: 1, 1: n	Oui	Oui	Oui	Oui
Liaison de données simple	Oui	Oui	Oui	Oui
Personnaliser la liaison de données	Oui	Non	Non	Non
HTML intégré	Non	Oui	Non	Non
Achèvement du code	Oui	Oui	Non	Non
Création de modèles	Oui	Non	Non	Non
Validation	Non	Oui	Non	Non
Écouteur d'événement unique	Oui	Oui	Oui	Oui