Progress dialog

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

Open progress dialog

В этом примере отрывается модальный диалог и по истечении 3 секунд закрывается. При этом, для открытия диалога используэтся метод progress следующим образом:

$.fn.zesweb('progress', {
    message: "Выполняю..."
});

Для закрытия диалога нужно вызвать тот же метод только с параметром close:

$.fn.zesweb('progress', {
    state: 'close'
});

Вот как выглядит весь код приведенного примера:

$(document).ready(function(){
    $('#btn-progress').click(function(){
        $.fn.zesweb('progress', {message: "Выполняю..."});
        setTimeout(function(){
            $.fn.zesweb('progress', {state: "close"});
        }, 3000);
    });
});

Важно знать

Каждый раз при открытии диалога создаётся соответственный DOM элемент, а при закрытии диалога он разрушается. Причем, запустить два экземпляра диалога невозможно.

Описание параметров

Название Тип Описание
message string Текст сообщения.
state string Состояние диалога. Обычно используется значение close при закрытии диалога.