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 |