Перейти к основному содержимому

modalbox

Description​

Вызывает modalbox

modalbox: (config: ModalBoxConfig) => HTMLElement

Parameters​

  • config - (required) ModalBoxConfig - конфигурация модального окна

  • div - (HTMLElement) - div-контейнер модального окна

Returns​

  • div - (HTMLElement) - div-контейнер модального окна

Example​

let box = gantt.modalbox({
    title: "Close",
     type: "alert-warning"
});

Details​

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

  • id? - (number | string) - необязателен, идентификатор модального окна
  • 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_"

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

Change log​

  • добавлено в версии 4.0
Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support