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

Модальные окна — это элементы интерфейса, которые открываются поверх текущей страницы. Их также называют 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.

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

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

Was this article helpful?

AppMaster.io 101 Полный курс

10 модулей
2 недели

Не знаете с чего начать? Начните с нашего ускоренного курса для начинающих и изучите AppMaster от А до Я.

Начать обучение
Development it’s so easy with AppMaster!

Остались вопросы?

Наши эксперты с радостью ответят на все ваши вопросы о платформе AppMaster и помогут вам в создании приложений.

headphones

Служба поддержки

Поделитесь своей проблемой с нашими специалистами.

message

Комьюнити AppMaster

Обсудите вопросы с другими пользователями в нашем чате.

Присоединиться