菜单
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

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 遇到错误后发送。

消息将在下一章中进行解释。


×

联系销售

如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com

报告错误

如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com

W3Schools 经过优化,旨在方便学习和培训。示例可能经过简化,以提高阅读和学习体验。教程、参考资料和示例会不断审查,以避免错误,但我们无法保证所有内容的完全正确性。使用 W3Schools 即表示您已阅读并接受我们的使用条款Cookie 和隐私政策

版权所有 1999-2024 Refsnes Data。保留所有权利。W3Schools 由 W3.CSS 提供支持