EasyUi彈窗提示!


一丶在屏幕右下角顯示一條消息窗口。

該選項參數是一個可配置的對象:
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');


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章