EasyUI 修改 Messager 消息框大小

简介: 需求是要修改确认消息窗口的大小。简单的调用方法是这样的:$.messager.confirm('操作确认', '确定批量编辑文章?', function (r) { ...} 这个时候生成的弹窗默认宽度是300,高度是自适应的。

需求是要修改确认消息窗口的大小。

简单的调用方法是这样的:

$.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; }

 

转载于:http://blog.csdn.net/dandelion_drq/article/details/72315762

 

相关文章
EasyUI–消息框、对话框和窗体详解
本篇主要介绍信息提示框、对话框及窗体相关控件,这些都是最常用的页面弹出控件,使用一个详细的例子描述。 按惯例献上案例的示意图:
559 0
EasyUI–消息框、对话框和窗体详解
Query EasyUI 消息框
Query EasyUI Messager基本使用(消息框) 参考链接:http://www.cnblogs.com/libingql/archive/2011/07/17/2109020.html Common.
778 0
|
JavaScript 前端开发 API
jquery easyui 弹出消息框 (转载)
jQuery EasyUI API 中文文档 - 消息框(Messager) http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.
1142 0
|
JavaScript API
jQuery EasyUI API 中文文档 - 消息框(Messager)
Messager 消息框 用 $.messager.defaults 重写了 defaults。 依赖 window linkbutton progressbar 用法 1.
1041 0
下一篇
无影云桌面