messager(消息窗口)

1、$.messager.alert()相似js中的alert('String')

　　方法參數：title, msg, icon, function(回調函數)

　　描述：title頭部面板標題、msg主要消息內容、icon：消息圖標，可用值有(error,question,info,warning)、function回調函數

　　

案例1：

　　　　$.messager.alert({
　　　　　　　　title:'消息',
　　　　　　　　msg:'完成加載...',
　　　　　　　　icon:'info',
　　　　});

案例2：$.messager.alert('消息','完成加載...','info');　　　　　　　　注意參數的列表順序，不用加"{}"號！

案例3回調函數：

　　　　$.messager.alert('消息','完成加載...','info',function(){
　　　　　　alert('退出！！');
　　　　　　}
　　　　);

2、$.messager.show()相似於QQ的消息提示

　　方法參數：showType、 showSpeed、msg、title、

　　描述：

　　　　showType：定義將如何顯示該消息。可用值有：null,slide,fade,show。默認：slide。
　　　　showSpeed：定義窗口顯示的過分時間。默認：600毫秒。
　　　　width：定義消息窗口的寬度。默認：250px。
　　　　height：定義消息窗口的高度。默認：100px。
　　　　title：在頭部面板顯示的標題文本。
　　　　msg：顯示的消息文本。
　　　　style：定義消息窗體的自定義樣式。
　　　　timeout(不多用)：若是定義爲0，消息窗體將不會自動關閉，除非用戶關閉他。若是定義成非0的樹，消息窗體將在超時後自動關閉。默認：4秒。

　　

案例：$.messager.show({showType:'slide', showSpeed:'600',msg:'馬化騰:Q幣充值成功！！！',title:'小提示'});

 

3、$.messager.confirm()顯示一個「肯定」、「取消」提示窗口！

　　　　參數：title, msg, function(回調函數)

　　　　描述：title：在頭部面板顯示的標題文本。

　　　　　　　msg：顯示的消息文本。
　　　　　　　function(r): 當用戶點擊「肯定」按鈕的時侯將傳遞一個true值給回調函數，不然傳遞一個false值。

　　　　

案例1：　　　　$.messager.confirm('提示','你要退出系統嗎?',function(r){

　　　　　　　　　　if(r){
　　　　　　　　　　　　　　'肯定'
　　　　　　　　　　}{
　　　　　　　　　　　　　　'取消'
　　　　　　　　　　}
　　　　　　　});

4、$.messager.prompt()提示窗口confirm，不一樣的是能夠輸入信息！

　　　　參數：title, msg, function(回調函數)

　　　　描述：

　　　　　　title：在頭部面板顯示的標題文本。

　　　　　　msg：顯示的消息文本。
　　　　　　function(val): 在用戶輸入一個值參數的時候執行的回調函數。 

　　　　

案例：$.messager.prompt('小提示','請輸入你的名字',function(r){

　　　　if(r){
　　　　　　$('#t').val(r);//動態的修改input標籤文本內容
　　　　}
　　　});

5、$.messager.progress() 進度條

　　　　參數：

　　　　　　title：在頭部面板顯示的標題文本。默認：空。
　　　　　　msg：顯示的消息文本。默認：空。
　　　　　　text：在進度條上顯示的文本。默認：undefined。
　　　　　　interval：每次進度更新的間隔時間。默認：300毫秒。

　　　　方法定義爲：
　　　　　　bar：獲取進度條對象。
　　　　　　close：關閉進度窗口。

　　　　

案例：

　　　　$.messager.progress({

　　　　　　　　title:'提示',
　　　　　　　　msg:'文本',
　　　　　　　　text:'努力中...',
　　　　　　　　interval:'600'
　　　　});

　　顯示進度消息窗口。

	$.messager.progress(); 

　　關閉進度消息窗口。

	$.messager.progress('close');