El propósito de un controlador AppML, es dejar que el control de su aplicación.
¿Qué puede hacer un controlador?
- Set de datos iniciales
- Cambio de datos de aplicaciones
- Manejar la entrada y la salida
- validar los datos
- resumir los datos
- controlar los errores
- Iniciar y detener aplicaciones
- Y mucho más
Sin un controlador
Por defecto las aplicaciones se ejecutan sin AppML un controlador:
Ejemplo
<table appml-data="customers.js " >
<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> Inténtalo tú mismo " Con un controlador
Con un controlador AppML, puede controlar su aplicación con JavaScript.
El controlador es una función de JavaScript, proporcionada por usted.
El appml-controller atributo se utiliza para referirse a una función de controlador.
Ejemplo
<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>
<script>
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName")
{
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
</script> Inténtalo tú mismo " El controlador (myControlller) en el ejemplo anterior, cambia el valor de "CustomerName" a mayúsculas, antes de que se muestre.
Si tiene un controlador, AppML enviará el objeto de aplicación ($appml) al controlador, para cada acción importante.
Una de las propiedades de aplicación es un mensaje ($appml.message) , que describe el estado de la aplicación.
| Mensaje | Descripción |
|---|---|
| ready | Enviado después AppML se inicia, y listo para cargar los datos. |
| loaded | Enviado después AppML está totalmente cargado, listo para mostrar los datos. |
| display | Enviado antes AppML muestra un elemento de datos. |
| done | AppML enviada después se lleva a cabo (finished displaying) . |
| submit | Enviado antes AppML envía datos. |
| error | Enviado después AppML ha encontrado un error. |
Los mensajes se explican en el siguiente capítulo.