SAP UI5 - widoki
Widoki są definiowane za pomocą bibliotek SAP w następujący sposób -
- XML z HTML, mieszany lub samodzielny: Library- sap.ui.core.mvc.XMLView
- JavaScript: Library- sap.ui.core.mvc.JSView
- JSON: Library - sap.ui.core.mvc.JSONView
- HTML: Biblioteka - sap.ui.core.mvc.HTMLView
JavaScript Zobacz przykład
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;
}
});
Przykład widoku 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>
Podobnie można utworzyć widok JSON pochodzący z sap.ui.core.mvc.JsonView.
{
“type”:”sap.ui.core.mvc.JsonView”,
“controllerName”:”sap.hcm.address”,
……………………….
…………………...
…………………….
}
Porównanie typów widoków
W poniższej tabeli wymieniono kluczowe funkcje związane z koncepcją MVC i porównanie różnych typów widoków z funkcjami.
Funkcja | Widok JS | Widok XML | Widok JSON | Widok HTML |
---|---|---|---|---|
Biblioteki standardowe i niestandardowe | tak | tak | tak | tak |
Właściwości typów string, int Boolean, float | tak | tak | tak | tak |
Agregacja 1: 1, 1: n Stowarzyszenie 1: 1, 1: n | tak | tak | tak | tak |
Proste wiązanie danych | tak | tak | tak | tak |
Dostosuj powiązanie danych | tak | Nie | Nie | Nie |
Osadzony HTML | Nie | tak | Nie | Nie |
Uzupełnianie kodu | tak | tak | Nie | Nie |
Szablony | tak | Nie | Nie | Nie |
Uprawomocnienie | Nie | tak | Nie | Nie |
Odbiornik pojedynczego zdarzenia | tak | tak | tak | tak |