AppML Messages (ok)

https://www.w3schools.com/appml/appml_messages.asp

AppML thông báo và hành động

Khi AppML chuẩn bị thực hiện một hành động, nó sẽ gửi ứng dụng đối tượng ($ appml) đến bộ điều khiển.

Một trong những thuộc tính của ứng dụng đối tượng là thông báo ($ appml.message), ứng dụng trạng thái mô tả.

Kiểm tra this message, cho phép bạn thêm JavaScript mã của riêng mình, thuộc tính vào hành động.

C:\xampp\htdocs\abc\index.html

<!DOCTYPE html>
<html lang="en-US">
<title>Customers</title>
<link rel="stylesheet" href="style.css">
<script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script>

<body>
  <div appml-data="customers.js" appml-controller="myController">
    <h1>Customers</h1>
    <p>{{today}}</p>
    <table>
      <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>
    <p>Copyright {{copyright}}</p>
  </div>
  <script>
  function myController($appml) {
    if ($appml.message == "ready") {
      $appml.today = new Date();
      $appml.copyright = "W3Schools"
    }
  }
  </script>
</body>

</html>

C:\xampp\htdocs\abc\customers.js

{
  "records": [
    { "CustomerName": "Alfreds Futterkiste", "City": "Berlin", "Country": "Germany" },
    { "CustomerName": "Ana Trujillo Emparedados y helados", "City": "México D.F.", "Country": "Mexico" },
    { "CustomerName": "Antonio Moreno Taquería", "City": "México D.F.", "Country": "Mexico" },
    { "CustomerName": "Around the Horn", "City": "London", "Country": "UK" },
    { "CustomerName": "B's Beverages", "City": "London", "Country": "UK" },
    { "CustomerName": "Berglunds snabbköp", "City": "Luleå", "Country": "Sweden" },
    { "CustomerName": "Blauer See Delikatessen", "City": "Mannheim", "Country": "Germany" },
    { "CustomerName": "Blondel père et fils", "City": "Strasbourg", "Country": "France" },
    { "CustomerName": "Bólido Comidas preparadas", "City": "Madrid", "Country": "Spain" },
    { "CustomerName": "Bon app'", "City": "Marseille", "Country": "France" },
    { "CustomerName": "Bottom-Dollar Marketse", "City": "Tsawassen", "Country": "Canada" },
    { "CustomerName": "Cactus Comidas para llevar", "City": "Buenos Aires", "Country": "Argentina" },
    { "CustomerName": "Centro comercial Moctezuma", "City": "México D.F.", "Country": "Mexico" },
    { "CustomerName": "Chop-suey Chinese", "City": "Bern", "Country": "Switzerland" },
    { "CustomerName": "Comércio Mineiro", "City": "São Paulo", "Country": "Brazil" }
  ]
}

Previousappml-include-html, appml-controller (ok)NextAppML API (ok)

Last updated 4 years ago

<!DOCTYPE html> <html lang="en-US"> <title>Customers</title> <link rel="stylesheet" href="style.css"> <script src="https://www.w3schools.com/appml/2.0.3/appml.js"></script> <body> <div appml-data="customers.js" appml-controller="myController"> <h1>Customers</h1> <p>{{today}}</p> <table> <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> <p>Copyright {{copyright}}</p> </div> <script> function myController($appml) { if ($appml.message == "ready") { $appml.today = new Date(); $appml.copyright = "W3Schools" } } </script> </body> </html>

{ "records": [ { "CustomerName": "Alfreds Futterkiste", "City": "Berlin", "Country": "Germany" }, { "CustomerName": "Ana Trujillo Emparedados y helados", "City": "México D.F.", "Country": "Mexico" }, { "CustomerName": "Antonio Moreno Taquería", "City": "México D.F.", "Country": "Mexico" }, { "CustomerName": "Around the Horn", "City": "London", "Country": "UK" }, { "CustomerName": "B's Beverages", "City": "London", "Country": "UK" }, { "CustomerName": "Berglunds snabbköp", "City": "Luleå", "Country": "Sweden" }, { "CustomerName": "Blauer See Delikatessen", "City": "Mannheim", "Country": "Germany" }, { "CustomerName": "Blondel père et fils", "City": "Strasbourg", "Country": "France" }, { "CustomerName": "Bólido Comidas preparadas", "City": "Madrid", "Country": "Spain" }, { "CustomerName": "Bon app'", "City": "Marseille", "Country": "France" }, { "CustomerName": "Bottom-Dollar Marketse", "City": "Tsawassen", "Country": "Canada" }, { "CustomerName": "Cactus Comidas para llevar", "City": "Buenos Aires", "Country": "Argentina" }, { "CustomerName": "Centro comercial Moctezuma", "City": "México D.F.", "Country": "Mexico" }, { "CustomerName": "Chop-suey Chinese", "City": "Bern", "Country": "Switzerland" }, { "CustomerName": "Comércio Mineiro", "City": "São Paulo", "Country": "Brazil" } ] }