Как это работает?

Создание разметки виджетов формы

На первом этапе разработчик должен создать HTML-код формы, любыми способами — вручную, с помощью шаблонизаторов или как-то еще. Один вариант верстки виджетов форм рассмотрен в каждом из соответствующих подразделов, описывающих виджеты. Все дополнительные параметры инициализации и зависимости между виджетами также декларативно описываются в разметке формы. Более подробно это описано в разделах «Виджеты», «Зависимости».

В отличие от предыдущих версий ZForms, больше никаких действий разработчику совершать не нужно.

Инициализация

Инициализация виджетов происходит в автоматическом режиме следующим образом:

  1. При наступлении события DOMContentLoaded вызывается код, который находит все формы с CSS-классом zf.
  2. Внутри этой формы находятся все элементы с CSS-классом zf, на основе которых будут создаваться виджеты.
  3. Определяется тип виджета. Критерии определения более подробно описаны в разделе «Виджеты».
  4. На основе типа и параметров создается виджет, создаются его зависимости.
  5. Инициализируется форма и все ее виджеты.