jQuery EasyUI 提示框(Messager)用法
阿新 • • 發佈：2018-12-18
jQuery EasyUI 提示框(Messager)不僅強大，而且也不用任何的HTML程式碼，只需要按照《jQuery EasyUI框架使用文件》包含必要檔案後，在$(function(){ }); 裡插入下面的程式碼即可：
- $.messager.show()
Messager需要依存於以下的這些元件：* 可拖放(Draggable)* 調整大小(Resizable)* 面板(panel)* 視窗(window)* 連結按鈕(linkbutton)
上面只是一個小例子，下面來看一下具體的選項和方法：
| 名字 | 型別 | 描述 | 預設值 |
|---|---|---|---|
| ok | 字串 | Ok 按鈕上的文字 | Ok |
| cancel | 字串 | Cancel 按鈕上的文字 | Cancel |
方法
| 方法名 | 引數 | 描述 |
|---|---|---|
| $.messager.show | options | 在螢幕的右下角顯示一個訊息視窗。這些選項的引數可以是一下的一個配置物件：showType：定義如何將顯示訊息視窗。可用的值是：null,slide,fade,show。預設值是slide。showSpeed：定義訊息視窗完成的時間（以毫秒為單位）， 預設值600。width：定義訊息視窗的寬度。 預設值250。height：定義訊息視窗的高度。 預設值100。msg：定義顯示的訊息文字。title：定義顯示在標題面板顯示的標題文字。timeout：如果定義為0，訊息視窗將不會關閉，除非使用者關閉它。如果定義為非0值，當超時後訊息視窗將自動關閉。 |
| $.messager.alert | title, msg, icon, fn | 顯示一個警告視窗。引數如下：title：顯示在標題面板的標題文字。msg：提示框顯示的訊息文字。icon：提示框顯示的圖示。可用的值是：error,question,info,warning.fn：當視窗關閉時觸發的回撥函式。 |
| $.messager.confirm | title, msg, fn | 顯示一個含有確定和取消按鈕的確認訊息視窗。引數如下：title：顯示在標題面板的標題文字。msg：確認訊息視窗顯示的訊息文字。fn(b)：當用戶點選按鈕後觸發的回撥函式，如果點選OK則給回撥函式傳true,如果點選cancel則傳false。 |
| $.messager.prompt | title, msg, fn | 顯示一個確定和取消按鈕的資訊提示視窗，提示使用者輸入一些文字。引數如下：title：顯示在標題面板的標題文字。msg：提示視窗顯示的訊息文字。fn(val)：使用者點選按鈕後的回撥函，引數是使用者輸入的內容。 |