jQuery EasyUI Complemento de ventana -Messager Cuadro de mensajes

jQuery EasyUI 插件Complementos de jQuery EasyUI

Reescribe los defaults predeterminados mediante $.messager.defaults.

El cuadro de mensajes (messager) proporciona cuadros de mensajes de diferentes estilos, incluyendo alerta, confirmación, indicación, progreso, etc. Todos los cuadros de mensajes son asíncronos. El usuario puede usar funciones de devolución de llamada para completar algunas acciones después de interactuar con el cuadro de mensajes.

Dependencias

  • window
  • linkbutton
  • progressbar

Uso

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

Propiedades

Nombre Tipo Descripción Valor predeterminado
ok string El texto del botón Aceptar. Ok
cancel string El texto del botón Cancelar. Cancel

Métodos

Nombre Parámetros Descripción
$.messager.show options Muestra una ventana de mensaje en la esquina inferior derecha de la pantalla; el parámetro options es un objeto de configuración:
showType: define cómo se muestra la ventana de mensaje. Los valores disponibles son: null, slide, fade, show. El valor predeterminado es slide.
showSpeed: define el tiempo en milisegundos que tarda la ventana de mensaje en mostrarse. El valor predeterminado es 600.
width: define el ancho de la ventana de mensaje. El valor predeterminado es 250.
height: define la altura de la ventana de mensaje. El valor predeterminado es 100.
title: el texto del título que se muestra en el panel del encabezado.
msg: el texto del mensaje que se va a mostrar.
style: define el estilo personalizado de la ventana de mensaje.
timeout: si se define como 0, la ventana de mensaje no se cerrará a menos que el usuario la cierre. Si se define como un valor distinto de 0, la ventana de mensaje se cerrará automáticamente después de un tiempo de espera. El valor predeterminado es 4 segundos.

Ejemplo de código:
$.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 Muestra una ventana de alerta. Parámetros:
title: el texto del título que se muestra en el panel del encabezado.
msg: el texto del mensaje que se va a mostrar.
icon: la imagen del icono que se mostrará. Los valores disponibles son: error, question, info, warning.
fn: la función de devolución de llamada que se activa cuando se cierra la ventana.

Ejemplo de código:
$.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn Muestra una ventana de mensaje de confirmación con botones "Aceptar" y "Cancelar". Parámetros:
title: el texto del título que se muestra en el panel del encabezado.
msg: el texto del mensaje que se va a mostrar.
fn(b): función de devolución de llamada; cuando el usuario hace clic en el botón de confirmación, se pasa un parámetro true a la función; de lo contrario, se le pasa un parámetro false.

Ejemplo de código:
$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
    if (r){
        // exit action;
    }
});
$.messager.prompt title, msg, fn Muestra una ventana de mensaje con botones "Aceptar" y "Cancelar", que solicita al usuario ingresar algo de texto. Parámetros:
title: el texto del título que se muestra en el panel del encabezado.
msg: el texto del mensaje que se va a mostrar.
fn(val): función de devolución de llamada con el valor ingresado por el usuario como parámetro.

Ejemplo de código:
$.messager.prompt('Prompt', 'Please enter your name:', function(r){
    if (r){
        alert('Your name is:' + r);
    }
});
$.messager.progress options or method Muestra una ventana de mensaje de progreso.
Las opciones se definen así:
title: el texto del título que se muestra en el panel del encabezado; el valor predeterminado es ''.
msg: el texto principal del cuadro de mensaje; el valor predeterminado es ''.
text: el texto que se muestra en la barra de progreso; el valor predeterminado es undefined.
interval: la duración en milisegundos entre cada actualización de progreso. El valor predeterminado es 300.

Los métodos se definen de la siguiente manera: bar: obtiene el objeto de la barra de progreso (progressbar).
close: cierra la ventana de progreso.

Ejemplo de código:
Muestra la ventana de mensaje de progreso.
$.messager.progress();
Ahora cierra la ventana de mensaje.
$.messager.progress('close');
jQuery EasyUI 插件Complementos de jQuery EasyUI Otras extensiones