jQuery EasyUI Window Plugin -Окно сообщений Messager

jQuery EasyUI 插件jQuery EasyUI Плагины

Переопределите значения по умолчанию через $.messager.defaults.

Окно сообщений (messager) предоставляет различные стили окон сообщений, включая alert, confirm, prompt, progress и так далее. Все окна сообщений асинхронны. Пользователи могут использовать функции обратного вызова для выполнения действий после взаимодействия с окном сообщений.

Зависимости

  • window
  • linkbutton
  • progressbar

Использование

$.messager.alert('Warning','The warning message');
$.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){
    if (r){
        alert('ok');
    }
});

Свойства

Name Type Описание Значение по умолчанию
ok string Текст кнопки OK. ОК
отмена string Текст кнопки Отмена. Cancel

Методы

Name Parameters Описание
$.messager.show options Отображает окно сообщений в правом нижнем углу экрана. Параметр options — это объект конфигурации:
showType: Определяет, как отображается окно сообщений. Доступные значения: null, slide, fade, show. По умолчанию — slide.
showSpeed: Определяет время в миллисекундах, необходимое для завершения отображения окна сообщения. По умолчанию 600.
width: Определяет ширину окна сообщения. По умолчанию 250.
height: Определяет высоту окна сообщения. По умолчанию 100.
title: Текст заголовка, отображаемый на панели заголовка.
msg: Текст сообщения для отображения.
style: Определяет пользовательский стиль окна сообщения.
timeout: Если установлено значение 0, окно сообщения не закроется, пока пользователь не закроет его. Если установлено ненулевое значение, окно сообщения автоматически закроется по истечении времени ожидания. По умолчанию 4 секунды.

Пример кода:
$.messager.show({
    title:'My Title',
    msg:'Message will be closed after 5 seconds.',
    timeout:5000,
    showType:'slide'
});
// show message window on top center
$.messager.show({
    title:'My Title',
    msg:'Message will be closed after 4 seconds.',
    showType:'show',
    style:{
        right:'',
        top:document.body.scrollTop+document.documentElement.scrollTop,
        bottom:''
    }
});
$.messager.alert title, msg, icon, fn Отображает окно предупреждающего сообщения. Параметры:
title: Текст заголовка, отображаемый на панели заголовка.
msg: Текст сообщения для отображения.
icon: Изображение значка для отображения. Доступные значения: error, question, info, warning.
fn: Функция обратного вызова, вызываемая при закрытии окна.

Пример кода:
$.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn Отображает окно сообщения с подтверждением и кнопками "OK" и "Cancel". Параметры:
title: Текст заголовка, отображаемый на панели заголовка.
msg: Текст сообщения для отображения.
fn(b): Функция обратного вызова, которая передаёт функции аргумент true, когда пользователь нажимает кнопку OK, в противном случае передаёт аргумент false.

Пример кода:
$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
    if (r){
        // exit action;
    }
});
$.messager.prompt title, msg, fn Отображает окно сообщения с кнопками "OK" и "Cancel", предлагая пользователю ввести текст. Параметры:
title: Текст заголовка, отображаемый на панели заголовка.
msg: Текст сообщения для отображения.
fn(val): Функция обратного вызова, параметром которой является значение, введённое пользователем.

Пример кода:
$.messager.prompt('Prompt', 'Please enter your name:', function(r){
    if (r){
        alert('Your name is:' + r);
    }
});
$.messager.progress параметры или метод Отображает окно сообщения о ходе выполнения.
Параметры определяются следующим образом:
title: Текст заголовка, отображаемый на панели заголовка, значение по умолчанию — ''.
msg：消息框的正文文本，默认值为 ''。
text：进度条中显示的文本，默认值为 undefined.
interval：每次进度更新之间的时间长度，以毫秒为单位。默认值为 300.

方法定义如下： bar：获取进度条（progressbar）对象。
close：关闭进度窗口。

Пример кода:
Отображает окно сообщения о ходе выполнения.
$.messager.progress();
现在关闭消息窗口。
$.messager.progress('close');
jQuery EasyUI 插件Плагины jQuery EasyUI Другие расширения