easyui-messager消息窗口組件

$.messager.alert('警告框','這是一個提示框','info',function(){alert('確認後煩人回調');});

顯示警告窗口。參數:

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

msg:顯示的消息文本。

icon:心事的圖標圖像。可用值有:error,question,info,warning。

fn:在窗口關閉的時候觸發的回調函數。


$.messager.confirm('確認對話框','你真的要刪除嗎?',function(flag){
if (flag) {alert('刪除成功');}

});


確認框:

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

msg:顯示的消息文本。

fn)(b):當用戶點擊“確定”按鈕的時候將傳遞一個true值給回調函數,否則傳遞一個false值。


$.messager.prompt('提示信息','輸入你的名字' ,function(flag){

if (flag) {alert(flag);}

});

提示框:

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

msg:顯示的消息文本。

n(val):在用戶輸入一個值參數的時候執行回調函數。



$.messager.progress({
title:'執行中',
msg:'努力加載中...',
text:'{value}%',
interval:100,

});


進度條窗體:

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

msg:顯示的消息文本。

text:在進度條上顯示的文本,默認:undefined。

interval:每次進度條更新的間隔時間。默認:300毫秒。

方法定義爲:

bar:獲取進度條對象:$.messager.progress('bar');

close:關閉進度窗口。$.messager.proress('close');



$.messager.show({
title:'我的消息',
msg:'消息在5秒後消失',
timeout:5000,
showType:'slide',

});

消息框:

showType:定義將如何顯示該消息。可用值有:null,slide,fade,show。默認爲slide。

showSpeed:定義窗口顯示的過度時間。默認:600毫秒。

width:窗口的寬度:默認250px。

height:窗口的高度:默認100px。

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

msg:顯示的消息文本。

style:消息窗口體的自定義樣式。

timeout:定義爲0,消息窗口將不會自動關閉,除非用戶自動關閉。默認4秒。定義成奇特時間,將在超時後自動關閉。

發佈了49 篇原創文章 · 獲贊 3 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章