Najnowsze tutoriale tworzenie stron internetowych
 

AppML Sterowniki


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.