Модальные окна

Общая информация

Модальные окна — это элементы интерфейса, которые открываются поверх текущей страницы. Их также называют popup.

Чтобы создать новое модальное окно, нужно перетянуть его из панели виджетов.

На рабочем поле модальное окно можно разместить в двух областях:

1. Page components.
2. App components.

В Page components лучше размещать модальные окна, привязанные к конкретной странице.
В App components размещаются модальные окна, которые относятся ко всему приложению.

Модальное окно может содержать в себе те же виджеты, что и обычная страница.

К модальному окну можно привязать свои БП на вкладке workflow. Для него есть следующие триггеры:

• OnCreate
• OnShow
• OnHide
• OnDestroy 

Для управления модальными окнами есть два блока в БП:

• Show modal — открывает модальное окно.
• Hide modal — закрывает модальное окно.

Как работать с модальными окнами

Добавьте модальное окно в раздел Page components.

Далее добавляем кнопку на страницу.

Для кнопки настраивается бизнес-процесс на триггер OnClick. БП будет содержать всего один блок: Show Modal.

В блоке Show modal устанавливается входной параметр Component ID, в котором указывается имя модального окна.

Теперь нужно разместить еще одну кнопку, но уже в модальном окне.

Для этой кнопки настраивается аналогичный БП, только вместо блока Show modal используется Hide modal.

Теперь можно открывать и закрывать модальное окно.

Модальное окно является полезной функцией. Например, в нем удобно размещать функционал добавления записей в базу данных.