jQuery EasyUI Window Plugin -Boîte de message Messager

jQuery EasyUI 插件Plugins jQuery EasyUI

Remplacez les valeurs par défaut via $.messager.defaults.

La boîte de message (messager) fournit différents styles de boîtes de message, notamment alert, confirm, prompt, progress, etc. Toutes les boîtes de message sont asynchrones. Les utilisateurs peuvent utiliser des fonctions de rappel pour effectuer des actions après avoir interagi avec la boîte de message.

Dépendances

  • window
  • linkbutton
  • progressbar

Utilisation

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

Propriétés

Name Type Description Valeur par défaut
ok string Le texte du bouton OK. OK
annulation string Le texte du bouton Annuler. Cancel

Méthodes

Name Parameters Description
$.messager.show options Affiche une fenêtre de message en bas à droite de l'écran. Le paramètre options est un objet de configuration :
showType : Définit comment la fenêtre de message est affichée. Les valeurs disponibles sont : null, slide, fade, show. La valeur par défaut est slide.
showSpeed : Définit le temps en millisecondes nécessaire à la fenêtre de message pour terminer son affichage. La valeur par défaut est 600.
width : Définit la largeur de la fenêtre de message. La valeur par défaut est 250.
height : Définit la hauteur de la fenêtre de message. La valeur par défaut est 100.
title : Le texte du titre affiché sur le panneau d'en-tête.
msg : Le texte du message à afficher.
style : Définit le style personnalisé de la fenêtre de message.
timeout : Si défini à 0, la fenêtre de message ne se fermera pas à moins que l'utilisateur ne la ferme. Si défini à une valeur non nulle, la fenêtre de message se fermera automatiquement après le délai d'attente. La valeur par défaut est de 4 secondes.

Exemple de code :
$.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 Affiche une fenêtre de message d'alerte. Paramètres :
title : Le texte du titre affiché sur le panneau d'en-tête.
msg : Le texte du message à afficher.
icon : L'image de l'icône à afficher. Les valeurs disponibles sont : error, question, info, warning.
fn : La fonction de rappel déclenchée lorsque la fenêtre se ferme.

Exemple de code :
$.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn Affiche une fenêtre de message de confirmation avec les boutons « OK » et « Annuler ». Paramètres :
title : Le texte du titre affiché sur le panneau d'en-tête.
msg : Le texte du message à afficher.
fn(b) : une fonction de rappel qui transmet un argument true à la fonction lorsque l'utilisateur clique sur le bouton OK, sinon transmet un argument false.

Exemple de code :
$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
    if (r){
        // exit action;
    }
});
$.messager.prompt title, msg, fn Affiche une fenêtre de message avec les boutons « OK » et « Annuler », invitant l'utilisateur à saisir du texte. Paramètres :
title : Le texte du titre affiché sur le panneau d'en-tête.
msg : Le texte du message à afficher.
fn(val) : une fonction de rappel ayant la valeur saisie par l'utilisateur comme paramètre.

Exemple de code :
$.messager.prompt('Prompt', 'Please enter your name:', function(r){
    if (r){
        alert('Your name is:' + r);
    }
});
$.messager.progress options ou méthode Affiche une fenêtre de message de progression.
Les options sont définies comme suit :
title : le texte du titre affiché sur le panneau d'en-tête, la valeur par défaut est ''.
msg: Le texte du corps de la boîte de message, la valeur par défaut est ''.
text: Le texte affiché dans la barre de progression, la valeur par défaut est undefined.
interval: La durée en millisecondes entre chaque mise à jour de la progression. La valeur par défaut est 300.

Les méthodes sont définies comme suit : bar: Obtient l'objet barre de progression (progressbar).
close: Ferme la fenêtre de progression.

Exemple de code :
Affiche une fenêtre de message de progression.
$.messager.progress();
Maintenant, fermez la fenêtre de message.
$.messager.progress('close');
jQuery EasyUI 插件Plugins jQuery EasyUI Autres extensions