Los atributos HTML AppML
Ejemplo
<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>
Inténtalo tú mismo " Atributo | Descripción | Explicado |
---|---|---|
appml-controlador | Define un controlador AppML | Controladores AppML |
appml-data | Define la fuente de datos para una aplicación | datos AppML |
appml-incluir-html | Define HTML para ser incluido | Incluye AppML |
appml-repetición | Define un elemento HTML que se repita | AppML Howto |
Mensajes AppML
Ejemplo
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName") {
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
Inténtalo tú mismo " Mensaje | Expedido |
---|---|
Listo | Después AppML se inicia, y listo para cargar los datos. |
cargado | Después AppML está totalmente cargado, listo para mostrar los datos. |
monitor | Antes AppML muestra un elemento de datos. |
hecho | Después se hace AppML (finished displaying) . |
enviar | Antes AppML envía datos. |
error | Después AppML ha encontrado un error. |
AppML mensajes se explican en el capítulo sobre los mensajes AppML .
Modelos AppML
Ejemplo
{
"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"}]
}
Propiedades AppML Modelo
Elemento | Descripción |
---|---|
"data" | Define un origen de archivo plano para el modelo |
"database" | Define una fuente de base de datos para el modelo |
"filteritems" | Define restricciones del filtro |
"rowsperpage" | Define el número de filas a captar por página |
"security" | Define la seguridad para el modelo |
"sortitems" | Define las restricciones de clasificación |
Seguridad de las aplicaciones
Tienes que estar conectado como miembro de la "admin" grupo, para acceder a esta aplicación:
Ejemplo
{
"security": "admin",
"database": {
"connection": "mysql",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"}
}
Modelos privadas
Puede añadir sus propios datos privados para el modelo.
Este ejemplo sugiere restricciones a los datos:
Ejemplo
"restrictions" : {
"fname" : {"maxlength": 40},
"price" : {"max": 999,"min": 100}
}
Los datos del modelo puede ser utilizado por las aplicaciones de servidor, y por su controlador AppML.
Este ejemplo utiliza los datos del modelo para validar la entrada:
Ejemplo
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;
}
}