Los últimos tutoriales de desarrollo web
 

AppML Referencia


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