#zeroModal
Поддерживает отображение часто используемых модальных окон, а также слоёв с операциями и ожиданием действий. Поддерживает стандарты AMD или CMD, либо может быть введен непосредственно.
Адрес репозитория компонента: http://git.oschina.net/cylansad/zeroModal
Метод вызова | Описание |
---|---|
zeroModal.show(opt) | Отображает обычное модальное окно, opt — объект параметров, содержание параметров см. ниже списка |
zeroModal.close(opt/unique) | Закрывает модальное окно |
zeroModal.closeAll() | Закрывает все модальные окна |
zeroModal.loading(type) | Отображает слой ожидания, type — тип отображаемого ожидания, доступные значения: (1, 2, 3, 4, 5, 6) |
zeroModal.alert(content/opt) | Отображает информационное сообщение |
zeroModal.error(content/opt) | Отображает сообщение об ошибке |
zeroModal.success(content/opt) | Отображает сообщение о правильной операции |
zeroModal.confirm(content/opt, okFn) | Отображает окно подтверждения |
Для использования обратитесь к примеру demo в index.html##### Параметры| Параметр | Описание | | ------------- | ----------------------------------------| | title | Заголовок | | content | Отображаемое содержание | | escape | Включает ли HTML-кодирование символов, значение по умолчанию true | | url | Если указан URL, то контент будет отображаться в модальном окне по этому URL | | ajaxType | Тип запроса AJAX, используется при указании URL и значении iframe=false, значение по умолчанию get(get/post) | | ajaxData | Данные запроса AJAX, используются при указании URL и значении iframe=false | | iframe | Включает ли iframe, значение по умолчанию false, этот параметр следует использовать вместе с параметром url | | width | Ширина (px, pt, %) | | height | Высота (px, pt, %) | | top | Настраиваемый вертикальный отступ модального окна (например: top:100px) | | left | Настраиваемый горизонтальный отступ модального окна (например: left:200px) | | transition | Включает ли анимацию появления, значение по умолчанию false | | overlay | Включает ли затемнение, значение по умолчанию true | | overlayClose | Разрешает ли закрытие модального окна путем нажатия на затемнение, значение по умолчанию false | | forbidBodyScroll | Запрещает ли скроллинг body при открытии модального окна, значение по умолчанию false || opacity | Прозрачность затемнения, значение по умолчанию 0.2 | | drag | Разрешает ли перемещение модального окна, обратите внимание, что нельзя одновременно использовать параметры drag и resize, значение по умолчанию true | | dragHandle | Указывает положение для перемещения, совместимо с параметром drag, принимает значения "top", "container", значение по умолчанию top | | close | Включает ли кнопку закрытия, значение по умолчанию true | | max | Разрешает ли максимальное увеличение, значение по умолчанию false | | min | Разрешает ли минимальное уменьшение, значение по умолчанию false | | minPosition | Положение после минимизации, формат "24,24" | | resize | Разрешает ли изменение размера, значение по умолчанию false | | resizeAfterFn | Обработчик события после изменения размера | | ok | Включает ли кнопку "OK", значение по умолчанию false | | okTitle | Текст кнопки "OK", значение по умолчанию "OK" | | okFn | Событие, которое срабатывает при нажатии кнопки "OK" | | cancel | Включает ли кнопку "Отмена", по умолчанию false | | cancelTitle | Текст на кнопке "Отмена", по умолчанию "Отмена" | | cancelFn | Событие, которое срабатывает при нажатии кнопки "Отмена" | | buttons | пользовательские кнопки, если используются пользовательские кнопки "ОК" и "Отмена", они не будут работать; формат: [{ className: 'zeromodal-btn zeromodal-btn-primary', name: 'Начать экспорт', fn: function(opt) {}}] | | esc | требуется ли нажатие клавиши ESC для выхода из модального окна, по умолчанию false | | onOpen | событие перед открытием модального окна | | onLoad | событие перед загрузкой содержимого модального окна | | onComplete | событие после загрузки содержимого модального окна | | onCleanup | событие перед закрытием модального окна | | onClosed | событие после закрытия модального окна | | unique | уникальное значение модального окна, по умолчанию UUID, генерируемый системой, не рекомендуется использовать пользовательское значение |
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Комментарии ( 0 )