Celem kontrolera AppML, to niech Ci kontrolować aplikację.
Co może kontroler zrobić?
- Ustaw początkowe dane
- Zmień dane aplikacji
- Obsługiwać wejście i wyjście
- sprawdzania poprawności danych
- podsumowywać dane
- obsługi błędów
- Uruchamianie i zatrzymywanie aplikacji
- I wiele więcej
Bez kontrolera
Domyślnie aplikacje AppML uruchomić bez kontrolera:
Przykład
<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>
Spróbuj sam " Z kontrolerem
Z kontrolerem AppML można kontrolować swoją aplikację z JavaScript.
Kontroler jest funkcją JavaScript, dostarczone przez Ciebie.
appml-controller atrybut jest używany w odniesieniu do funkcji kontrolera.
Przykład
<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>
Spróbuj sam " Kontroler (myControlller) w powyższym przykładzie, zmienia wartość "CustomerName" na wielkie litery, zanim zostanie wyświetlona.
Jeśli masz kontroler, AppML wyśle przedmiot wniosku ($appml) do sterownika, dla każdej ważnej akcji.
Jedną z właściwości aplikacyjnych jest wiadomość ($appml.message) , opisując stan aplikacji.
Wiadomość | Opis |
---|---|
ready | Wysłane po AppML jest inicjowana i gotowe do wczytywania danych. |
loaded | Wysłane po AppML jest w pełni załadowany, gotowy do wyświetlania danych. |
display | Wysłane przed AppML wyświetla pozycję danych. |
done | Wysłane po AppML odbywa się (finished displaying) . |
submit | Wysłane przed AppML przekazuje dane. |
error | Wysłane po AppML wystąpił błąd. |
Wiadomości są wyjaśnione w następnym rozdziale.