Messager 訊息視窗 元件

2022-08-20 04:06:09 字數 1835 閱讀 7092

一. 載入方式

訊息視窗提供了不同的訊息框風格,包含 alert(警告框)、confirm(確認框)、

prompt(提示框)、progress(進度框)等。所有訊息框都是非同步的,使用者可以在互動訊息之

後使用**函式去處理結果。

由於這個元件的特殊性,沒有 class 載入方式,全部在 js 端完成!

二.屬性列表

/屬性設定

$.messager.defaults = ;

三.方法列表

//使用警告框,四個引數均為可選

$.messager.alert('警告框','這是乙個資訊框','info', function () );

顯示警告視窗。引數:

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

msg:顯示的訊息文字。

icon:顯示的圖示影象。可用值有:error,question,info,warning。

fn: 在視窗關閉的時候觸發該**函式。

//使用確認框,三個引數均可選

$.messager.confirm('確認對話方塊','你真的要刪除嗎?', function (flag)

});顯示乙個包含「確定」和「取消」按鈕的確認訊息視窗。引數:

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

msg:顯示的訊息文字。

fn(b): 當使用者點選「確定」按鈕的時侯將傳遞乙個 true 值給**函式,否則傳遞乙個

false 值。

//使用提示框,三個引數均可選

$.messager.prompt('提示資訊','請輸入你的名字:', function (flag)

});顯示乙個使用者可以輸入文字的並且帶「確定」和「取消」按鈕的訊息窗體。引數:

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

msg:顯示的訊息文字。

n(val): 在使用者輸入乙個值引數的時候執行的**函式。

//進度條資訊

$.messager.progress(%',

interval : 100,

});顯示乙個進度訊息窗體。

屬性定義為:

title:在頭部面板顯示的標題文字。預設:空。

msg:顯示的訊息文字。預設:空。

text:在進度條上顯示的文字。預設:undefined。

interval:每次進度更新的間隔時間。預設:300 毫秒。

方法定義為:

bar:獲取進度條物件。$.messager.progress('bar');

close:關閉進度視窗。$.messager.progress('close');

//使用訊息框

$.messager.show();

在螢幕右下角顯示一條訊息視窗。該選項引數是乙個可配置的物件:

showtype: 定義將如何顯示該訊息。 可用值有: null,slide,fade,show。 預設: slide。

showspeed:定義視窗顯示的過度時間。預設:600 毫秒。

width:定義訊息視窗的寬度。預設:250px。

height:定義訊息視窗的高度。預設:100px。

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

msg:顯示的訊息文字。

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

timeout:如果定義為 0,訊息窗體將不會自動關閉,除非使用者關閉他。如果定義成非

0 的樹,訊息窗體將在超時後自動關閉。預設:4 秒。

//將訊息框顯示在頂部

$.messager.show(

});

messager 訊息視窗

一 messager.alert 類似js中的alert string 方法引數 title,msg,icon,function 函式 描述 title頭部面板標題 msg主要訊息內容 icon 訊息圖示,可用值有 error,question,info,warning function 函式 案例...

EasyUi之訊息視窗Messager

1 messager 元件依賴於 window 視窗 元件 progressbar 進度條 元件 2 分類有 警告框,確認框,輸入框,進度框,展示框等 下面具體介紹 1 警告框 用法 function elseelseelse alert 沒輸入值 效果 4 進度條框 messager.progre...

MFC視窗訊息

mfc應用程式中處理訊息的順序 1.afxwndproc 該函式負責接收訊息,找到訊息所屬的cwnd物件,然後呼叫afxcallwndproc 2.afxcallwndproc 該函式負責儲存訊息 儲存的內容主要是訊息識別符號和訊息引數 用程式以後使用,然後呼叫windowproc 函式 3.win...