Диалоговое окно
Контрол, открывающий диалог, который позиционируется по центру окна браузера.
Документация API Спецификация Axure
Размер окна
Если не задан размер окна, он определяется автоматически, по размеру контента.
Стандартный шаблон
В качестве базового шаблона используется Controls/popupTemplate:Dialog.
Схема раскладки шаблона:
Пример конфигурации
// TypeScript
// Открываем с помощью Controls/popup:Dialog.
protected openDialog(): void {
this._children.dialog.open();
},
Через template передаем шаблон всплывающего окна.
<Controls.popup:Dialog
name="dialog"
template="Examples/Popup/templates/dialog" />
<Controls.buttons:Button
name="dialogButton"
caption="Диалог"
on:click="openDialog()"/>
Открытие окна без добавления в шаблон открывающего контрола
Класс Controls/popup:DialogOpener предоставляет методы open() и close(), с помощью которых можно открыть окно без использования открывающего контрола.
// TypeScript
import {DialogOpener} from 'Controls/popup';
this._dialog = new DialogOpener();
openDialog() {
this._dialog.open({
template: 'myTemplate',
opener: this
});
}
_beforeUnmount() {
this._dialog.destroy();
}
Как передать данные из всплывающего окна в родительский контрол
Читать подробнее.
Как для шапки диалога задать серый фон?
Функционал находится в разработке.