Derniers tutoriels de développement web
 

AppML Référence


Attributs appml HTML

Exemple

<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>
Essayez vous - même »
Attribut La description expliqué
appml-contrôleur Définit un contrôleur appml Contrôleurs appml
appml-data Définit la source de données pour une application appml données
appml-include-html Définit HTML à inclure Comprend appml
appml répétition Définit un élément HTML à répéter appml Howto

Messages appml

Exemple

function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
Essayez vous - même »
Message Envoyé
prêt Après appml est lancé et prêt à charger des données.
chargé Après appml est complètement chargé, prêt à afficher les données.
afficher Avant appml affiche un élément de données.
terminé Après appml est fait (finished displaying) l' (finished displaying) .
soumettre Avant appml soumet des données.
Erreur Après appml a rencontré une erreur.

Messages appml sont expliqués dans le chapitre sur les messages appml .


Modèles appml

Exemple

{
"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"}]
}

Propriétés du modèle appml

Élément La description
"data" Définit une source de fichier plat pour le modèle
"database" Définit une source de base de données pour le modèle
"filteritems" Définit les restrictions de filtre
"rowsperpage" Définit le nombre de lignes à extraire par page
"security" Définit la sécurité pour le modèle
"sortitems" Définit les restrictions de tri

Sécurité des applications

Vous devez être connecté en tant que membre du "admin" groupe, pour accéder à cette application:

Exemple

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

Modèles privés

Vous pouvez ajouter vos propres données personnelles au modèle.

Cet exemple suggère des restrictions aux données:

Exemple

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

données du modèle peuvent être utilisés par des applications de serveur, et par votre contrôleur appml.

Cet exemple utilise des données de modèle pour valider l'entrée:

Exemple

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