1. 程式人生 > >jQuery EasyUI 提示框(Messager)用法

jQuery EasyUI 提示框(Messager)用法

               

jQuery EasyUI 提示框(Messager)不僅強大,而且也不用任何的HTML程式碼,只需要按照《jQuery EasyUI框架使用文件》包含必要檔案後,在$(function(){ }); 裡插入下面的程式碼即可:

  1. $.messager.show()

Messager需要依存於以下的這些元件:* 可拖放(Draggable)* 調整大小(Resizable)* 面板(panel)* 視窗(window)* 連結按鈕(linkbutton)

上面只是一個小例子,下面來看一下具體的選項和方法:

名字型別描述預設值
ok字串Ok 按鈕上的文字Ok
cancel字串Cancel 按鈕上的文字Cancel

方法

方法名引數描述
$.messager.showoptions在螢幕的右下角顯示一個訊息視窗。這些選項的引數可以是一下的一個配置物件:showType:定義如何將顯示訊息視窗。可用的值是:null,slide,fade,show。預設值是slide。showSpeed:定義訊息視窗完成的時間(以毫秒為單位), 預設值600。width:定義訊息視窗的寬度。 預設值250。height:定義訊息視窗的高度。 預設值100。msg:定義顯示的訊息文字。title:定義顯示在標題面板顯示的標題文字。timeout:如果定義為0,訊息視窗將不會關閉,除非使用者關閉它。如果定義為非0值,當超時後訊息視窗將自動關閉。
$.messager.alerttitle, msg, icon, fn顯示一個警告視窗。引數如下:title:顯示在標題面板的標題文字。msg:提示框顯示的訊息文字。icon:提示框顯示的圖示。可用的值是:error,question,info,warning.fn:當視窗關閉時觸發的回撥函式。
$.messager.confirmtitle, msg, fn顯示一個含有確定和取消按鈕的確認訊息視窗。引數如下:title:顯示在標題面板的標題文字。msg:確認訊息視窗顯示的訊息文字。fn(b):當用戶點選按鈕後觸發的回撥函式,如果點選OK則給回撥函式傳true,如果點選cancel則傳false。
$.messager.prompttitle, msg, fn顯示一個確定和取消按鈕的資訊提示視窗,提示使用者輸入一些文字。引數如下:title:顯示在標題面板的標題文字。msg:提示視窗顯示的訊息文字。fn(val):使用者點選按鈕後的回撥函,引數是使用者輸入的內容。
演示