AppML Controllers
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 显示数据项之前发送。 |
完成 | 在 AppML 完成(显示完毕)后发送。 |
submit | 在 AppML 提交数据之前发送。 |
error | 在 AppML 遇到错误后发送。 |
消息将在下一章中进行解释。