modalbox

создает модальное окно

promise modalbox(string|object text, [string|function type,function callback] );
textstring|objectобязательный, если строка - задает текст в окне, если объект - задает настройки для модального окна
typestring|functionнеобязательный параметр, тип модального окна или функция-колбэк
callbackfunctionнеобязательный параметр, функция-колбэк (задается третьим параметром, если вторым задан тип модального окна)
promisethe Promise object

Example

// простая инициализация
webix.modalbox("Custom title","alert-error");
 
// расширенная инициализация
webix.modalbox({
    title:"Custom title",
    buttons:["Yes", "No", "Maybe"],
    width:500,
    text:"Any HTML content here"
})
    .then(function(result){
        webix.message(result);
    });

Related samples

Details

Метод можно использовать 2 способами:

1. Простой - вызвать с несколькими параметрами:

  • title - (string) текст заголовка (обязательный),
  • type тип модального окна string (принимает значения "alert-warning" или "alert-error" для предупреждений и ошибок), или callback function (необязательный),
  • callback - (function) функция-колбэк (необязательный).
webix.modalbox("Custom title","alert-error");

2. Детальный - вызвать метод с несколькими параметрами. Неуказанные параметры принимают значения по умолчанию.

В этом случае, параметр метода - объект со следующими настройками:

  • title - (string) текст заголовка,
  • text - (string) текст модального окна,
  • type - ("confirm-warning" или "confirm-error") тип модального окна - предупреждение или ошибка,
  • css - (string) CSS-класс для стилизации модального окна,
  • buttons - (array) массив ярлыков для кнопок,
  • container - (string,HTMLElement) контейнер для модального окна,
  • callback - (function) функция-колбэк (необязательный).
webix.modalbox({
    title:"Title",
    buttons:["Yes", "No", "Maybe"],
    text:"Some text",
    width:500
});

Полный список параметров модального окна можно найти в этой статье.

Колбэки

Метод возвращает промис, который можно использовать для выполнения действия в зависимости от ответа пользователя. Вы также можете добавить функцию-колбэк. Колбэк в качестве параметра получает ID кнопки, которая была нажата.

webix.modalbox({
    title:"Custom title",
    buttons:["Yes", "No", "Maybe"],
    width:500,
    text:"Any HTML content here",
    callback:function(result){
        webix.message(result);
    }
});
See also
Наверх