messager(消息窗口)


一、$.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('退出!!');
      }
    );

二、$.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:'小提示'});

 

三、$.messager.confirm()顯示一個“確定”、“取消”提示窗口!

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

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

       msg:顯示的消息文本。
       function(r): 當用戶點擊“確定”按鈕的時侯將傳遞一個true值給回調函數,否則傳遞一個false值。

    

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

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

四、$.messager.prompt()提示窗口confirm,不同的是可以輸入信息!

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

    描述:

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

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

    

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

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

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

    參數:

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

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

    

案例:

    $.messager.progress({

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

  顯示進度消息窗口。

	$.messager.progress(); 

  關閉進度消息窗口。

	$.messager.progress('close');


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM