modalbox

вызывает модальное окно

HTMLElement modalbox(ModalBoxConfig config);
configModalBoxConfigконфигурация модального окна
HTMLElementконтейнер div для модального окна

Example

let box = gantt.modalbox({
    title: "Закрыть",
    type: "alert-warning"
});

Details

Объект конфигурации использует следующие свойства:

  • id? - (number | string) - необязательный, ID модального окна
  • text - (number | string) - текст тела модального окна
  • title? - (number | string) - необязательный, текст заголовка
  • position? - (string) - необязательный, позиция модального окна, на данный момент поддерживает только одно значение - "top", любое другое значение приведет к "center-align"
  • buttons - (string[] | number[] | ModalboxButton[]) - массив кнопок
  • width? - (string) - необязательный, ширина модального окна (устанавливается как CSS <length> или <percentage> значения, например "100px", "50%")
  • height? - (string) - необязательный, высота модального окна (устанавливается как CSS <length> или <percentage> значения, например "100px", "50%")
  • callback? (result): void - необязательный, функция, вызываемая при нажатии кнопки. Принимает true или false в качестве параметра (в зависимости от нажатой кнопки)
    • result - (string | number | boolean) - Результат функции обратного вызова будет равен строковому индексу нажатой кнопки из массива ("0", "1", "2",...)

ModalboxButton имеет следующие типы:

  • label - (string | number) - текст кнопки
  • value? - (string | number | boolean) - необязательный, значение, которое возвращается в аргументе result функции callback.
  • css? - (string | number) - необязательный, пользовательское имя класса для кнопки, с префиксом "gantt_".

Для получения дополнительных сведений о поддерживаемых параметрах конфигурации модального окна смотрите статью Всплывающие сообщения и модальные окна.

See also
Change log

добавлено в версии 4.0

К началу