ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
AppML. Уроки для начинающих

AppML Контроллеры


Назначение AppML контроллера - позволить вам управлять своим приложением.


Что может делать контроллер?

  • Установить исходные данные
  • Изменить данные приложения
  • Обработка ввода и вывода
  • Проверить данные
  • Обобщить данные
  • Обработка ошибок
  • Запускать и останавливать приложения
  • И многое другое

Без контроллера

По умолчанию приложения AppML работают без контроллера:

Пример

<table appml-data="customers.js">
<tr>
  <th>Клиент</th>
  <th>Город</th>
  <th>Страна</th>
</tr>
<tr appml-repeat="records">
  <td>{{CustomerName}}</td>
  <td>{{City}}</td>
  <td>{{Country}}</td>
</tr>
</table>
Попробуйте сами »

С контроллером

С помощью контроллера AppML вы можете управлять своим приложением в помощью JavaScript.

Контроллер - это JavaScript функция, предосталенная вами.

Атрибут appml-controller используется для ссылки на функцию контроллера.

Пример

<h1>Клиенты</h1>
<table appml-data="customers.js" appml-controller="myController">
  <tr>
    <th>Клиент</th>
    <th>Город</th>
    <th>Страна</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{CustomerName}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
  </tr>
</table>

<script>
function myController($appml) {
    if ($appml.message == "display") {
        if ($appml.display.name == "CustomerName") {
            $appml.display.value = $appml.display.value.toUpperCase();
        }
    }
}
</script>
Попробуйте сами »

Контроллер (myController) в приведенном выше примере изменяет значение "CustomerName" на верхний регистр перед его отображением.

Если у вас есть контроллер, AppML будет отправлять объект приложения ($appml) в контроллер для каждого важного действия.

Одно из свойств приложения - это сообщение ($appml.message), описывающее состояние приложения.

Сообщение Описание
ready Отправляется после запуска AppML и готов (ready) к загрузке данных
loaded Отправляется после полной загрузки (loaded) AppML, готов к отображению данных
display Отправляется до того, как AppML отобразит (display) элемент данных
done Отправляется после того, как AppML завершен (done) (отображение завершено)
submit Отправляется до того, как AppML отправит (submit) данные
error Отправляется после того, как AppML обнаружил ошибку (error)

Сообщения объясняются в следующей главе на нашем сайте W3Schools на русском.