EasyUI 修改 Messager 消息框大小

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

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

$.messager.confirm(‘操作确认‘, ‘确定批量编辑文章?‘, function (r) {
    ...
}

这个时候生成的弹窗默认宽度是300,高度是自适应的。

这些在chrome执行 $.messager.defaults 可以看到。 

所以我们要修改的话把这些默认值需要修改的重新定义一下,覆盖掉就好了。 
代码如下:

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

时间: 2024-10-12 03:00:48

EasyUI 修改 Messager 消息框大小的相关文章

EasyUI - Messager消息框

全局设定: JavaScript代码: //设置按钮中的文字,默认是-ok/cancel ,可以任意设置文字,比如现在的-确认/取消 $.messager.defaults = { ok: '确认', cancel: '取消', } 第一种: 效果: html代码: 无 JavaScript代码: //第一种:警告窗口,最简单的一种 //参数依次是:标题,内容,内部图标,点击按钮后执行的事件 $.messager.alert('警告窗口', '消息内容!', 'info', function (

EasyUi各种消息框

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>EasyUi各种提示框</title> <m

EasyUI+JavaScript 添加和修改弹出框按钮

写这篇文章只是想吐槽一下在做三个弹出框按钮的心酸史,为什么只写两个呢?因为之前看到过别人写了一个删除的,所以我只写剩下的两个吧!现在做的系统总是涉及到增删改的总会上面三个好看的按钮,下面一个好看的DataGrid. 添加和修改弹出框: 首先要加载我们做好的添加和编辑弹出框. <span style="font-size:14px;"><div id="addTemplate"> @* 加载添加流程对话框 *@ @{Html.RenderPar

微信小程序-修改单选框和复选框大小的方法

方法有两种: 一:采用css的zoom属性 zoom缩放会将元素保持在左上角,并且会有毛边,可能会稍稍改变元素原来的形状. 二:采用css3的transform:scale属性 zoom缩放会将元素保持在中间,不会改变元素原来的形状,但是可能会有稍稍的模糊. 整体来说zoom属性与transform:scale属性主要存在如下几点差异 1.zoom的缩放是相对于左上角的:而scale默认是居中缩放:2.zoom的缩放改变了元素占据的空间大小:而scale的缩放占据的原始尺寸不变,页面布局不会发生

WPF自定义控件与样式(13)-自定义窗体Window &amp; 自适应内容大小消息框MessageBox

一.前言 申明:WPF自定义控件与样式是一个系列文章,前后是有些关联的,但大多是按照由简到繁的顺序逐步发布的等,若有不明白的地方可以参考本系列前面的文章,文末附有部分文章链接. 本文主要内容: 自定义Window窗体样式: 基于自定义窗体实现自定义MessageBox消息提示框: 二.自定义Window窗体样式 自定义的Window窗体效果:   因为WPF默认的窗体比较简陋,大都需要自己实现Window窗体样式效果,基本思路很简单: 第一步:干掉默认样式:WindowStyle = Windo

【C#】分享一个带附加消息的增强消息框MessageBoxEx

适用于:.net 2.0+的Winform项目 样子: 有损录制+制图的原因不可能原样展示出真实效果,可至文章结尾下载Demo体验. 功能和特点: 相对父窗体居中 可附带附加消息.附加消息可以是string和Exception类型,[详细信息]按钮会根据是否传入附加信息显示和隐藏 展开/收起附加信息时有动画效果.实用为王的你亦可设置EnableAnimate=false关闭动画效果 根据传入的MessageBoxIcon,有不同的声音反馈.这个是NT5的消息框固有的能力,但NT6的消息框却没有声

MFC之向导页、消息框、文件选择、字体、颜色(三)

属性页对话框的分类 属性页对话框想必大家并不陌生,XP系统中桌面右键点属性,弹出的就是属性页对话框,它通过标签切换各个页面.另外,我们在创建MFC工程时使用的向导对话框也属于属性页对话框,它通过点击“Next”等按钮来切换页面. 属性页对话框就是包含一般属性页对话框和向导对话框两类.它将多个对话框集成于一身,通过标签或按钮来切换页面. 属性页对话框相关类       我们使用属性页对话框时,用到的类主要有两个:CPropertyPage类和CPropertySheet类. 1.CProperty

message消息框

.messager.show options 在屏幕右下角显示一条消息窗口.该选项参数是一个可配置的对象:showType:定义将如何显示该消息.可用值有:null,slide,fade,show.默认:slide.showSpeed:定义窗口显示的过度时间.默认:600毫秒.width:定义消息窗口的宽度.默认:250px.height:定义消息窗口的高度.默认:100px.title:在头部面板显示的标题文本.msg:显示的消息文本.style:定义消息窗体的自定义样式.timeout:如果

.net 弹出消息框后,页面样式变乱

点击按钮,执行提交操作,弹出消息框后,页面的样式变乱,解决方法: 首先,确定使用的css样式正确,页面中的宽高值保持规范统一: 然后,弹出框避免使用Response.Write(),如下所示 Response.Write("<script language=javascript>"); Response.Write("window.alert('"); Response.Write("计划添加失败!"); Response.Write