Attributi HTML AppML
Esempio
<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>
Prova tu stesso " | Attributo | Descrizione | spiegato |
|---|---|---|
| appml-controllore | Definisce un controller AppML | Controller AppML |
| appml-dati | Definisce la sorgente dei dati per un'applicazione | AppML dati |
| appml-include-html | Definisce HTML da inserire | Include AppML |
| appml-repeat | Definisce un elemento HTML da ripetere | AppML Howto |
Messaggi AppML
Esempio
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName") {
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
Prova tu stesso " | Messaggio | Inviato |
|---|---|
| pronto | Dopo AppML è iniziata, e pronto a caricare i dati. |
| caricato | Dopo AppML è completamente caricato, pronto per visualizzare i dati. |
| display | Prima AppML visualizza un elemento di dati. |
| fatto | Dopo AppML è fatto (finished displaying) . |
| Sottoscrivi | Prima AppML presenta dati. |
| errore | Dopo AppML è verificato un errore. |
Messaggi AppML sono spiegate nel capitolo su messaggi AppML .
I modelli AppML
Esempio
{
"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"}]
}
Proprietà AppML Girl
| Elemento | Descrizione |
|---|---|
| "data" | Definisce una fonte file flat per il modello |
| "database" | Definisce una fonte di database per il modello |
| "filteritems" | Definisce le restrizioni del filtro |
| "rowsperpage" | Di definire il numero di righe da prelevare per pagina |
| "security" | Definisce la sicurezza per il modello |
| "sortitems" | Definisce le restrizioni di smistamento |
Application Security
Devi essere loggato come membro della "admin" gruppo, per accedere a questa applicazione:
Esempio
{
"security": "admin",
"database": {
"connection": "mysql",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"}
}
I modelli privati
È possibile aggiungere i propri dati privati al modello.
Questo esempio suggerisce restrizioni ai dati:
Esempio
"restrictions" : {
"fname" : {"maxlength": 40},
"price" : {"max": 999,"min": 100}
}
Dati modello può essere utilizzato per applicazioni server, e dal controller AppML.
Questo esempio utilizza i dati del modello per convalidare l'input:
Esempio
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;
}
}