Ultimele tutoriale de dezvoltare web
 

AppML controlerele


Scopul unui controler AppML, este de a vă permite să controlați aplicația.


Ce poate face un controler?

  • Setați datele inițiale
  • Date Schimbare aplicație
  • Manipulați de intrare și de ieșire
  • validaţi date
  • Rezumarea datelor
  • Manipulați erori
  • Porniți și opriți aplicațiile
  • Și mult mai mult

Fără un controler

În mod implicit aplicațiile AppML rula fără un controler:

Exemplu

<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>
Încearcă - l singur »

Cu un controler

Cu un controler AppML, puteți controla aplicația cu JavaScript.

Controlerul este o funcție JavaScript, furnizat de tine.

appml-controller atribut este utilizat pentru a se referi la o funcție controler.

Exemplu

<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>
Încearcă - l singur »

Controlerul (myControlller) , în exemplul de mai sus, schimbă valoarea "CustomerName" în litere mari, înainte de a fi afișat.

Dacă aveți un controler, AppML va trimite obiectul de aplicare ($appml) la controler, pentru fiecare acțiune importantă.

Una dintre proprietățile de aplicare este un mesaj ($appml.message) , care descriu starea aplicației.

Mesaj Descriere
ready Trimis după AppML este inițiată, și gata pentru a încărca date.
loaded Trimis după AppML este complet încărcat, gata pentru a afișa date.
display Trimis înainte de AppML afișează un element de date.
done Trimis după AppML se face (finished displaying) .
submit Trimis înainte de AppML transmite date.
error Trimis după AppML a întâmpinat o eroare.

Mesajele sunt explicate în capitolul următor.