dialog

виджет Dialog

dialog([methodName, option, value])

dialog([methodName, param_obj])

dialog([param_obj])

<div id="dialog" title="Dialog window">
    Message
</div>

$('#dialog').dialog({
    buttons: [
    {
        text: 'OK',
        click: function(){
            ...
        }
    }, {
        text: 'CANCEL',
        click: function(){
            ...
        }
    }]
    position: 'left',
    position: [10, 20],
    position: ['left', 'top'],
    resizable: true,
    title: 'Title',

});

• methodName

  • destroy - Удаляет виджет Dialog из базового элемента

  • disable - Отключает диалоговое окно

  • enable - Включает диалоговое окно

  • option - Изменяет одну или несколько опций

  • close - Закрывает диалоговое окно

  • isOpen - Возвращает true, если диалоговое окно видимо на экране

  • moveToTop - Перемещает диалоговое окно на вершину стека

  • open - Отображает диалоговое окно для пользователя

• param_obj

  • autoOpen - Если эта опция равна true, то диалоговое окно открывается сразу же после его создания с помощью метода dialog ().

    Значение по умолчанию — true

  • beforeClose - Происходит непосредственно перед закрытием диалогового окна.

    Возврат значения false функцией — обработчиком события принудительно оставляет диалоговое окно открытым

  • buttons - Позволяет указать набор кнопок, которые должны быть добавлены в виджет, и функ­ции, которые будут вызываться после щелчка на соответствующей кнопке.

    По умол­чанию кнопки отсутствуют

  • create - Происходит, когда виджет Dialog применяется к базовому HTML-элементу

  • close - Происходит при закрытии диалогового окна

  • closeOnEscape - Если эта опция равна true, то диалоговое окно можно будет убрать с экрана, на­жав клавишу <Esc>.

    Значение по умолчанию — true

  • drag - Происходит при каждом перемещении мыши в процессе перетаскивания диалогового окна

  • draggable - Если эта опция равна true, то пользователь сможет перемещать диалоговое окно, перетаскивая его заголовок, в пределах окна браузера

  • dragStart - Происходит, когда пользователь начинает перетаскивать диалоговое окно

  • dragStop - Происходит по окончании перетаскивания пользователем диалогового окна

  • focus - Происходит при получении фокуса диалоговым окном

  • height - Определяет начальную высоту диалогового окна в пикселях.

    По умолчанию имеет значение auto, при котором высота диалогового окна устанавливается автоматически

  • hide - Определяет тип анимации, используемой для сокрытия диалогового окна.

  • maxHeight - Определяет максимальную высоту диалогового окна в пикселях.

    По умолчанию имеет значение false, которому соответствует отсутствие ограничений по высоте

  • maxWidth - Определяет максимальную ширину диалогового окна в пикселях.

    По умолчанию име­ет значение false, которому соответствует отсутствие ограничений по ширине

  • minHeight - Определяет минимальную высоту диалогового окна в пикселях.

    По умолчанию имеет значение false, которому соответствует отсутствие ограничений по высоте

  • minwidth - Определяет минимальную ширину диалогового окна в пикселях.

    По умолчанию имеет значение false, которому соответствует отсутствие ограничений по ширине

  • modal - Если эта опция равна true, то диалоговое окно будет создано как модальное, и по­ка оно не будет скрыто, пользователь не сможет взаимодействовать с документом

  • open - Происходит при открытии диалогового окна

  • position - Определяет начальную позицию диалогового окна.

    Значение по умолчанию — center, которому соответствует расположение диалогового окна по центру окна браузера

    • bottom

    • center

    • left

    • right

    • top

  • resize - Происходит при каждом перемещении мыши в процессе изменения размера диалого­вого окна

  • resizable - Если эта опция равна true, то диалоговое окно будет иметь кнопку-манипулятор, с помощью которой пользователь сможет изменить его размер.

    Значение по умолчанию — true

  • resizeStart - Происходит, когда пользователь начинает изменять размер диалогового окна

  • resizeStop - Происходит по окончании изменения пользователем размеров диалогового окна

  • show - Определяет тип анимации, используемой для отображения диалогового окна.

  • stack - Если эта опция равна true, то щелчок на диалоговом окне перемещает его на пе­редний план на экране.

    Значение по умолчанию — true

  • title - Определяет заголовок диалогового окна

  • width - Определяет начальную ширину диалогового окна в пикселях.

    По умолчанию имеет значение auto, при котором высота диалогового окна устанавливается автоматиче­ски