Neueste Web-Entwicklung Tutorials
 

AppML Referenz


AppML HTML Attribute

Beispiel

<div appml-include-html="inc_header.htm"></div>

<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>

<div appml-include-html="inc_footer.htm"></div>
Versuch es selber "
Attribut Beschreibung erklärt
appml-Controller Definiert einen Controller AppML AppML Controller
appml-Daten Definiert die Datenquelle für eine Anwendung AppML Daten
appml-include-html Definiert HTML enthalten sein AppML Inklusive
appml-repeat Definiert ein HTML-Element zu wiederholen AppML Howto

AppML Nachrichten

Beispiel

function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
Versuch es selber "
Nachricht Sent
bereit Nach AppML eingeleitet wird, und bereit ist, Daten zu laden.
beladen Nach AppML voll geladen ist, bereit, Daten anzuzeigen.
anzeigen Bevor AppML zeigt ein Datenelement.
erledigt Nach AppML erfolgt (finished displaying) .
einreichen Vor AppML einreicht Daten.
Fehler Nach AppML ist ein Fehler aufgetreten.

AppML Nachrichten werden im Kapitel über erklärt AppML Meldungen .


AppML Models

Beispiel

{
"security": "admin",
"rowsperpage" : 10,

"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}},

"filteritems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}],

"sortitems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}]
}

AppML Modelleigenschaften

Element Beschreibung
"data" Definiert eine flache Dateiquelle für das Modell
"database" Definiert eine Datenbankquelle für das Modell
"filteritems" Definiert Filtereinschränkungen
"rowsperpage" Definiert Anzahl der Zeilen geholt werden pro Seite
"security" Definiert die Sicherheit für das Modell
"sortitems" Definiert Sortier Einschränkungen

Anwendungssicherheit

Sie müssen als Mitglied der angemeldet "admin" Gruppe, diese Anwendung zuzugreifen:

Beispiel

{
"security": "admin",
"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}
}

Private Models

Sie können Ihre eigenen Daten an das Modell hinzufügen.

Dieses Beispiel legt nahe, Beschränkungen Daten:

Beispiel

"restrictions" : {
    "fname" : {"maxlength": 40},
    "price" : {"max": 999,"min": 100}
    }

Modelldaten können von Server-Anwendungen und von Ihrem AppML Controller verwendet werden.

In diesem Beispiel wird Modelldateneingabe zu überprüfen:

Beispiel

function myController($appml) {
    if ($appml.message == "submit") {
        var price = document.getElementById("price").value;
        if (price < $appml.model.restrictions.price.min) {
            $appml.displayError(15, "Price too low!");
            return;
        }
}