Atributos HTML AppML
Exemplo
<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>
Tente você mesmo " | Atributo | Descrição | explicado |
|---|---|---|
| appml-controlador | Define um controlador AppML | Controladores AppML |
| appml-dados | Define a fonte de dados para uma aplicação | dados AppML |
| appml-incluem-html | Define HTML para ser incluído | AppML Inclui |
| appml-repeat | Define um elemento HTML de ser repetido | AppML Howto |
Mensagens AppML
Exemplo
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName") {
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
Tente você mesmo " | mensagem | Enviei |
|---|---|
| pronto | Após AppML é iniciada, e pronto para carregar dados. |
| carregado | Após AppML está totalmente carregada, pronto para exibir dados. |
| exibição | Antes AppML exibe um item de dados. |
| feito | Após AppML é feito (finished displaying) . |
| enviar | Antes AppML envia dados. |
| erro | Depois AppML encontrou um erro. |
Mensagens AppML são explicadas no capítulo sobre mensagens AppML .
AppML Models
Exemplo
{
"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"}]
}
Propriedades AppML modelo
| Elemento | Descrição |
|---|---|
| "data" | Define uma fonte de arquivo simples para o modelo |
| "database" | Define uma fonte de banco de dados para o modelo |
| "filteritems" | Define as restrições de filtro |
| "rowsperpage" | Define o número de linhas a ser buscado por página |
| "security" | Define a segurança para o modelo |
| "sortitems" | Define restrições de classificação |
Application Security
Você tem que estar conectado como um membro do "admin" do grupo, para aceder a esta aplicação:
Exemplo
{
"security": "admin",
"database": {
"connection": "mysql",
"sql" : "SELECT * FROM Customers",
"orderby" : "CustomerName"}
}
Modelos privadas
Você pode adicionar seus próprios dados privados para o modelo.
Este exemplo sugere restrições aos dados:
Exemplo
"restrictions" : {
"fname" : {"maxlength": 40},
"price" : {"max": 999,"min": 100}
}
dados do modelo pode ser usado por aplicativos de servidor, e por seu controlador AppML.
Este exemplo usa dados de modelo para validar a entrada:
Exemplo
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;
}
}