1. 程式人生 > >EasyUI 修改 Messager 訊息框大小

EasyUI 修改 Messager 訊息框大小

需求是要修改確認訊息視窗的大小。

簡單的呼叫方法是這樣的:

$.messager.confirm('操作確認', '確定批量編輯文章?', function (r) {
    ...
}

這個時候生成的彈窗預設寬度是300,高度是自適應的。

這些在chrome執行 $.messager.defaults 可以看到。
Messager 訊息框預設引數

所以我們要修改的話把這些預設值需要修改的重新定義一下,覆蓋掉就好了。
程式碼如下:

$.messager.confirm({
    width: 380,
    height: 160, 
    title: '操作確認',
    msg: '確定批量刪除資料?'
, fn: function (r) { ... } } });

PS:如果要修改裡面的文字大小,直接覆蓋 easyui 自己的 css 樣式就可以。

/* 修改easyui訊息框文字大小 */
.panel-body {
    font-size: 14px;
}