【腾讯云】热卖套餐配置低至32元/月起,助您一键开服,即刻畅玩,立享优惠!

AppML 参考手册

AppML HTML 属性

实例

<div appml-include-html="inc_header.htm"></div>

<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>

<div appml-include-html="inc_footer.htm"></div>
亲自试一试 »
属性 描述 Explained
appml-controller 定义一个 AppML 控制器 AppML 控制器
appml-data 定义应用程序的数据源 AppML 数据
appml-include-html 定义要包含的 HTML AppML 包含
appml-repeat 定义要重复的 HTML 元素 AppML 方法

AppML 消息

实例

function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
亲自试一试 »
消息 Sent
ready AppML 启动后,准备加载数据。
loaded AppML 完全加载后,就可以显示数据了。
display 在 AppML 显示数据项之前。
done AppML 完成后(显示完毕)。
submit 在 AppML 提交数据之前。
error AppML 遇到错误后。

AppML 消息在AppML 消息一章中解释。


AppML 模型

实例

{
"security": "admin",
"rowsperpage" : 10,

"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}},

"filteritems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}],

"sortitems" : [
    {"item" : "CustomerName", "label" : "Customer"},
    {"item" : "City"},
    {"item" : "Country"}]
}

AppML 模型属性

元素 描述
"data" 为模型定义平面文件源
"database" 为模型定义一个数据库源
"filteritems" 定义过滤器限制
"rowsperpage" 定义每页要获取的行数
"security" 定义模型的安全性
"sortitems" 定义排序限制

应用安全

您必须以"admin"组的成员身份登录,才能访问此应用程序:

实例

{
"security": "admin",
"database": {
    "connection": "mysql",
    "sql"       : "SELECT * FROM Customers",
    "orderby"   : "CustomerName"}
}

私有模型

您可以将自己的私有数据添加到模型中。

此示例建议对数据进行限制:

实例

"restrictions" : {
    "fname" : {"maxlength": 40},
    "price" : {"max": 999,"min": 100}
    }

模型数据可供服务器应用程序和您的 AppML 控制器使用。

此示例使用模型数据来验证输入:

实例

function myController($appml) {
    if ($appml.message == "submit") {
        var price = document.getElementById("price").value;
        if (price < $appml.model.restrictions.price.min) {
            $appml.displayError(15, "Price too low!");
            return;
        }
}