jQuery EasyUI Fenster-Plugin -Messager-Nachrichtenbox

jQuery EasyUI 插件jQuery EasyUI Plugins

Überschreiben Sie die Standardeinstellungen über $.messager.defaults.

Die Nachrichtenbox (Messager) bietet verschiedene Stile von Nachrichtenboxen, darunter alert, confirm, prompt, progress und so weiter. Alle Nachrichtenboxen sind asynchron. Benutzer können Callback-Funktionen verwenden, um Aktionen auszuführen, nachdem sie mit der Nachrichtenbox interagiert haben.

Abhängigkeiten

  • window
  • linkbutton
  • progressbar

Nutzung

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

Eigenschaften

Name Type Beschreibung Standardwert
ok string Der Text der OK-Schaltfläche. OK
Abbruch string Der Text der Abbrechen-Schaltfläche. Cancel

Methoden

Name Parameters Beschreibung
$.messager.show options Zeigt ein Nachrichtenfenster unten rechts auf dem Bildschirm an. Der Parameter options ist ein Konfigurationsobjekt:
showType: Definiert, wie das Nachrichtenfenster angezeigt wird. Verfügbare Werte sind: null, slide, fade, show. Standard ist slide.
showSpeed: Definiert die Zeit in Millisekunden, die benötigt wird, bis das Nachrichtenfenster vollständig angezeigt ist. Standard ist 600.
width: Definiert die Breite des Nachrichtenfensters. Standard ist 250.
height: Definiert die Höhe des Nachrichtenfensters. Standard ist 100.
title: Der Titeltext, der auf dem Kopfbereich angezeigt wird.
msg: Der anzuzeigende Nachrichtentext.
style: Definiert den benutzerdefinierten Stil der Nachricht.
timeout: Wenn auf 0 gesetzt, wird das Nachrichtenfenster nicht geschlossen, es sei denn, der Benutzer schließt es. Wenn auf einen Wert ungleich Null gesetzt, wird das Nachrichtenfenster nach dem Timeout automatisch geschlossen. Standard ist 4 Sekunden.

Codebeispiel:
$.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 Zeigt ein Alarm-Nachrichtenfenster an. Parameter:
title: Der Titeltext, der auf dem Kopfbereich angezeigt wird.
msg: Der anzuzeigende Nachrichtentext.
icon: Das anzuzeigende Symbolbild. Verfügbare Werte sind: error, question, info, warning.
fn: Die Callback-Funktion, die ausgelöst wird, wenn das Fenster geschlossen wird.

Codebeispiel:
$.messager.alert('My Title','Here is a info message!','info');
$.messager.confirm title, msg, fn Zeigt ein Bestätigungs-Meldungsfenster mit den Schaltflächen "OK" und "Abbrechen" an. Parameter:
title: Der Titeltext, der auf dem Kopfbereich angezeigt wird.
msg: Der anzuzeigende Nachrichtentext.
fn(b): Eine Rückruffunktion, die der Funktion ein true-Argument übergibt, wenn der Benutzer auf die Schaltfläche OK klickt, andernfalls ein false-Argument übergibt.

Codebeispiel:
$.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){
    if (r){
        // exit action;
    }
});
$.messager.prompt title, msg, fn Zeigt ein Meldungsfenster mit den Schaltflächen "OK" und "Abbrechen" an, das den Benutzer auffordert, einen Text einzugeben. Parameter:
title: Der Titeltext, der auf dem Kopfbereich angezeigt wird.
msg: Der anzuzeigende Nachrichtentext.
fn(val): Eine Rückruffunktion, die den vom Benutzer eingegebenen Wert als Parameter erhält.

Codebeispiel:
$.messager.prompt('Prompt', 'Please enter your name:', function(r){
    if (r){
        alert('Your name is:' + r);
    }
});
$.messager.progress Optionen oder Methode Zeigt ein Fortschritts-Meldungsfenster an.
Die Optionen sind wie folgt definiert:
title: Der im Kopfbereich angezeigte Titeltext; der Standardwert ist ''.
msg: Der Textkörper der Nachrichtenbox, Standardwert ist ''.
text: Der in der Fortschrittsleiste angezeigte Text, Standardwert ist undefined.
interval: Die Zeitspanne in Millisekunden zwischen jeder Fortschrittsaktualisierung. Standard ist 300.

Die Methoden sind wie folgt definiert: bar: Ruft das Fortschrittsbalken-Objekt (progressbar) ab.
close: Schließt das Fortschrittsfenster.

Codebeispiel:
Zeigt ein Fortschritts-Meldungsfenster an.
$.messager.progress();
Schließen Sie nun das Nachrichtenfenster.
$.messager.progress('close');
jQuery EasyUI 插件jQuery EasyUI Plugins Weitere Erweiterungen