أحدث البرامج التعليمية وتطوير الشبكة
 

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>
انها محاولة لنفسك »
الصفات وصف شرح
appml تحكم تعرف وحدة تحكم AppML تحكم AppML
appml البيانات يعرف مصدر البيانات لتطبيق بيانات AppML
appml-تشمل-أتش تي أم أل تعرف 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;
        }
}

❮ السابق التالي الفصل ❯