In SAPUI5, innerhalb des Model-View-Controller (MVC)-Designmusters, hat der Controller eine zentrale Rolle bei der Handhabung von Benutzerinteraktionen und der Geschäftslogik. Er fungiert als Bindeglied zwischen der View (der Benutzeroberfläche) und dem Modell (den Daten). Hier sind einige der Hauptfunktionen und Verantwortlichkeiten eines Controllers:
Ereignishandhabung: Der Controller enthält Funktionen (Handler), die auf Benutzerereignisse reagieren, die in der zugehörigen View definiert sind.
Datenmanipulation: Wenn Daten in der View angezeigt oder vom Benutzer geändert werden, übernimmt der Controller die Aufgabe, diese Änderungen an das Modell weiterzuleiten oder Daten aus dem Modell abzurufen und sie der View zur Verfügung zu stellen.
Navigationsmanagement: In vielen SAPUI5-Anwendungen gibt es die Notwendigkeit, zwischen verschiedenen Views oder Seiten zu navigieren. Der Controller steuert solche Navigationsaktionen, oft unter Verwendung des Routing-Konzepts von SAPUI5.
Lebenszyklusmethoden: Der Controller kann spezielle Methoden enthalten, die zu bestimmten Zeitpunkten im Lebenszyklus der View aufgerufen werden, wie z.B. beim Initialisieren oder Beenden der View.
Zusätzliche Logik: Neben den oben genannten Funktionen kann ein Controller auch zusätzliche Geschäftslogik, Hilfsfunktionen und andere notwendige Codes enthalten, um die Anforderungen der Anwendung zu erfüllen.
controller
.controller.js
on
controllerName
text
press
<mvc:View controllerName="ui5.walkthrough.controller.App" xmlns="sap.m" xmlns:mvc="sap.ui.core.mvc"> <Button text="Say Hello" press=".onShowHello"/> </mvc:View>
Der Controller des SAPUI5 wird erweitert um unseren Handler onShowHello.
onShowHello
sap.ui.define([ "sap/ui/core/mvc/Controller" ], function (Controller) { "use strict"; return Controller.extend("ui5.walkthrough.controller.App", { onShowHello : function () { // show a native JavaScript alert alert("Hello World"); } }); });