一丶在屏幕右下角顯示一條消息窗口。
該選項參數是一個可配置的對象:
showType:定義將如何顯示該消息。可用值有:null,slide,fade,show。默認:slide。
showSpeed:定義窗口顯示的過度時間。默認:600毫秒。
width:定義消息窗口的寬度。默認:250px。
height:定義消息窗口的高度。默認:100px。
title:在頭部面板顯示的標題文本。
msg:顯示的消息文本。
style:定義消息窗體的自定義樣式。
timeout:如果定義爲0,消息窗體將不會自動關閉,除非用戶關閉他。如果定義成非0的樹,消息窗體將在超時後自動關閉。默認:4秒。
代碼示例:
$.messager.show({ title:'我的消息', msg:'消息將在5秒後關閉。', timeout:5000, showType:'slide' }); // 消息將顯示在頂部中間 $.messager.show({ title:'我的消息', msg:'消息將在4秒後關閉。', showType:'show', style:{ right:'', top:document.body.scrollTop+document.documentElement.scrollTop, bottom:'' } }); 二丶顯示警告窗口。 該選項參數是一個可配置的對象: title:在頭部面板顯示的標題文本。 msg:顯示的消息文本。 icon:顯示的圖標圖像。可用值有:error,question,info,warning。 fn: 在窗口關閉的時候觸發該回調函數。
代碼示例:
$.messager.alert('我的消息','這是一個提示信息!','info');
三丶顯示一個包含“確定”和“取消”按鈕的確認消息窗口。
該選項參數是一個可配置的對象:title:在頭部面板顯示的標題文本。
msg:顯示的消息文本。
fn(b): 當用戶點擊“確定”按鈕的時侯將傳遞一個true值給回調函數,否則傳遞一個false值。
代碼示例
$.messager.confirm('確認對話框', '您想要退出該系統嗎?', function(r){ if (r){ // 退出操作; } });
四丶顯示一個用戶可以輸入文本的並且帶“確定”和“取消”按鈕的消息窗體。
該選項參數是一個可配置的對象:title:在頭部面板顯示的標題文本。
msg:顯示的消息文本。
fn(val): 在用戶輸入一個值參數的時候執行的回調函數。
代碼示例:
$.messager.prompt('提示信息', '請輸入你的姓名:', function(r){ if (r){ alert('你的姓名是:' + r); } });
五丶顯示一個進度消息窗體。
該選項參數是一個可配置的對象:title:在頭部面板顯示的標題文本。默認:空。
msg:顯示的消息文本。默認:空。
text:在進度條上顯示的文本。默認:undefined。
interval:每次進度更新的間隔時間。默認:300毫秒。
方法定義爲:
bar:獲取進度條對象。
close:關閉進度窗口。
代碼示例:
顯示進度消息窗口。$.messager.progress();關閉進度消息窗口。
$.messager.progress('close');