Der Zweck eines AppML Controller, ist , dass Sie Ihre Anwendung steuern zu lassen.
Was kann ein Controller?
- Stellen Anfangsdaten
- Ändern Anwendungsdaten
- Handgriff-Eingangs- und Ausgangs
- Daten validieren
- Zusammenfassen von Daten
- behandeln von Fehlern
- Start- und Stop-Anwendungen
- Und vieles mehr
Ohne einen Controller
Standardmäßig laufen AppML Anwendungen ohne Controller:
Beispiel
<table appml-data="customers.js " >
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table> Versuch es selber " Mit einem Regler
Mit einem AppML Controller, können Sie Ihre Anwendung mit JavaScript steuern.
Der Controller ist eine JavaScript - Funktion, die von Ihnen zur Verfügung gestellt.
Das appml-controller Attribut wird verwendet , um eine Regelfunktion zu beziehen.
Beispiel
<h1>Customers</h1>
<table appml-data="customers.js" appml-controller="myController ">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
<script>
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName")
{
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
</script> Versuch es selber " Der Regler (myControlller) in dem obigen Beispiel, ändert sich der Wert von "CustomerName" in Großbuchstaben um , bevor sie angezeigt wird.
Wenn Sie einen Controller verfügen, AppML wird das Anwendungsobjekt senden ($appml) an die Steuerung, für jede wichtige Maßnahme.
Eines der Anwendungseigenschaften ist eine Nachricht ($appml.message) , beschreibt den Anwendungszustand.
| Nachricht | Beschreibung |
|---|---|
| ready | Sent nach AppML eingeleitet wird, und bereit ist, Daten zu laden. |
| loaded | Sent nach AppML vollständig geladen ist, bereit, Daten anzuzeigen. |
| display | Sent vor AppML ein Datenelement anzeigt. |
| done | Sent nach AppML erfolgt (finished displaying) die (finished displaying) . |
| submit | Sent vor AppML Daten einreicht. |
| error | Sent nach AppML ist ein Fehler aufgetreten. |
Die Nachrichten werden im nächsten Kapitel erläutert.