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>
»それを自分で試してみてください | 属性 | 説明 | 説明 |
|---|---|---|
| appmlコントローラ | AppMLコントローラを定義します | AppMLコントローラ |
| appmlデータ | アプリケーションのデータ・ソースを定義します | AppMLデータ |
| appml-含ま-HTML | HTMLが含まれるように定義します | AppML含ま |
| appmlリピート | HTML要素が繰り返されるように定義します | AppMLハウツー |
AppMLメッセージ
例
function myController($appml) {
if ($appml.message == "display") {
if ($appml.display.name == "CustomerName") {
$appml.display.value = $appml.display.value.toUpperCase();
}
}
}
»それを自分で試してみてください | メッセージ | 送信されました |
|---|---|
| 準備ができて | AppML後に開始し、データをロードする準備ができています。 |
| ロードされました | AppMLが完全にロードされた後、データを表示する準備が整いました。 |
| 表示 | AppMLは、データ項目を表示する前に。 |
| 完了 | AppMLが行われた後(finished displaying) 。 |
| 提出します | AppMLは、データを送信する前に。 |
| エラー | 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;
}
}