AppML 控制器
AppML 控制器的目的是让你能够控制你的应用程序。
控制器能做什么？
- 设置初始数据
- 更改应用程序数据
- 处理输入和输出
- 验证数据
- 汇总数据
- 处理错误
- 启动和停止应用程序
- 以及更多
没有控制器
默认情况下，AppML 应用程序在没有控制器的状态下运行
示例
<table appml-data="customers.js">
<tr>
<th>客户</th>
<th>城市</th>
<th>国家</th>
</tr>
<tr appml-repeat="records">
<td>{{CustomerName}}</td>
<td>{{City}}</td>
<td>{{Country}}</td>
</tr>
</table>
自己尝试 »
使用控制器
使用 AppML 控制器，你可以使用JavaScript来控制你的应用程序。
控制器是一个 JavaScript 函数，由你提供。
appml-controller 属性用于引用控制器函数。
示例
<h1>客户</h1>
<table appml-data="customers.js" appml-controller="myController">
<tr>
<th>客户</th>
<th>城市</th>
<th>国家</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>
自己尝试 »
上面示例中的控制器 (myController) 在显示之前将 "CustomerName" 的值更改为大写。
如果你有一个控制器，AppML 将在每次重要操作时将应用程序对象 ($appml) 发送到控制器。
应用程序属性之一是消息 ($appml.message)，它描述了应用程序状态。
| 消息 | 描述 |
|---|---|
| ready | 在 AppML 初始化并准备加载数据后发送。 |
| loaded | 在 AppML 完全加载并准备显示数据后发送。 |
| display | 在 AppML 显示数据项之前发送。 |
| done | 在 AppML 完成（完成显示）后发送。 |
| submit | 在 AppML 提交数据之前发送。 |
| error | 在 AppML 遇到错误后发送。 |
下一章将解释消息。
