的目的AppML控制器,就是让你控制你的申请。
默认情况下,AppML 应用程序在没有控制器的情况下运行:
<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>
亲自试一试»
使用 AppML 控制器,您可以控制你的申请JavaScript。
控制器是一个 JavaScript 函数,由您提供。
这个appml控制器属性用于引用控制器功能。
<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>
亲自试一试»
上例中的控制器 (myController) 在显示之前将 "CustomerName" 的值更改为大写。
如果您有控制器,AppML 将发送应用程序对象($appml) 到控制器,用于每个重要的操作。
应用程序属性之一是消息 ($appml.message),用于描述应用程序状态。
Message | Description |
---|---|
ready | Sent after AppML is initiated, and ready to load data. |
loaded | Sent after AppML is fully loaded, ready to display data. |
display | Sent before AppML displays a data item. |
done | Sent after AppML is done (finished displaying). |
submit | Sent before AppML submits data. |
error | Sent after AppML has encountered an error. |
消息将在下一章中解释。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!