แอตทริบิวต์ HTML AppML
ตัวอย่าง
<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 Howto |
ข้อความ 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" | กำหนดข้อ จำกัด การเรียงลำดับ |
Application Security
คุณจะต้องมีการบันทึกไว้ในฐานะสมาชิกคนหนึ่งของ "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;
}
}