easyui 提示框组件_15、Message 消息窗口组件
> Message消息窗口组件依赖于Window(窗口)组件、progressbar(进度条)组件
# 加载方式
> 消息窗口提供了不同的消息框风格,包含 alert(警告框)、confirm(确认框)、prompt(提示框)、progress(进度框)等。所有消息框都是异步的,用户可以在交互消息之后使用回调函数去处理结果。
由于这个组件的特殊性,没有 class 加载方式,全部在 JS 端完成。
# 属性列表
| 属性名 | 值 | 说明|
| --- | --- |
| ok | String | 确认按钮文本。Ok|
| cancel | String | 取消按钮文本。Cancel|
***
```
$(function () {
//属性设置
$.messager.defaults = {"ok":"是","cancel":"否"}
});
```
# 方法列表
| 方法名 | 参数|
| --- |
| $.messager.show | options|
| $.messager.alert title, | msg, icon, fn|
| $.messager.confirm | title, msg, fn|
| $.messager.prompt| title, msg, fn|
| $.messager.progress | options or method|
***
```
$(function () {
//属性设置
$.messager.defaults = {"ok":"是","cancel":"否"}
//使用警告框,四个参数均为可选
//显示警告窗口。参数:
//title:在头部面板显示的标题文本。
//msg:显示的消息文本。
//icon:显示的图标图像。可用值有:error,question,info,warning。
//fn: 在窗口关闭的时候触发该回调函数。
$.messager.alert('警告框','这是一个信息框','info', function () {alert('确认后的回调!');
});
//使用确认框,三个参数均可选
//显示一个包含“确定”和“取消”按钮的确认消息窗口。参数:
//title:在头部面板显示的标题文本。
//msg:显示的消息文本。
//fn(b): 当用户点击“确定”按钮的时侯将传递一个 true 值给回调函数,否则传递一个false 值。
$.messager.confirm('确认对话框','你真的要删除吗?', function (flag) {
if (flag) {
alert('删除成功!');
}
});
//使用提示框,三个参数均可选
//显示一个用户可以输入文本的并且带“确定”和“取消”按钮的消息窗体。参数:
//title:在头部面板显示的标题文本。
//msg:显示的消息文本。
//n(val): 在用户输入一个值参数的时候执行的回调函数。
$.messager.prompt('提示信息','请输入你的名字:', function (flag) {
if (flag) {
alert(flag);
}
});
//进度条信息
//属性定义为:
// title:在头部面板显示的标题文本。默认:空。
//msg:显示的消息文本。默认:空。
//text:在进度条上显示的文本。默认:undefined。
//interval:每次进度更新的间隔时间。默认:300 毫秒。
$.messager.progress({
title : '执行中',
msg : '努力加载中...',
text : '{value}%',
interval : 100,
});
//方法定义为:
//bar:获取进度条对象。$.messager.progress('bar');
//close:关闭进度窗口。$.messager.progress('close');
//使用消息框
//在屏幕右下角显示一条消息窗口。该选项参数是一个可配置的对象:
//showType:定义将如何显示该消息。可用值有:null,slide,fade,show。默认:slide。
//showSpeed:定义窗口显示的过度时间。默认:600 毫秒。
//width:定义消息窗口的宽度。默认:250px。
//height:定义消息窗口的高度。默认:100px。
//title:在头部面板显示的标题文本。
//msg:显示的消息文本。
//style:定义消息窗体的自定义样式。
//timeout:如果定义为 0,消息窗体将不会自动关闭,除非用户关闭他。
// 如果定义成非0 的树,消息窗体将在超时后自动关闭。默认:4 秒
$.messager.show({
title : '我的消息',
msg : '消息在 5 秒后关闭',
timeout : 5000,
showType : 'slide',
});
//将消息框显示在顶部
$.messager.show({
title : '我的消息',
msg : '消息在 5 秒后关闭',
timeout : 5000,
showType : 'slide',
style:{
top : 0,
}
});
});
```
easyui 提示框组件_15、Message 消息窗口组件相关推荐
- java提示框easyui风格_[Java教程]jQuery EasyUI 提示框(Messager)用法
[Java教程]jQuery EasyUI 提示框(Messager)用法 0 2013-10-10 19:00:06 jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的 ...
- jQuery EasyUI 提示框(Messager)用法
jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的HTML代码,只需要按照<jQuery EasyUI框架使用文档>包含必要文件后,在$(function() ...
- echarts标记线的样式_ECharts提示框组件指示器的线条样式
tooltip.axisPointer.lineStyle | Object 设置 ECharts 提示框组件指示器的线条样式,axisPointer.type 为 'line' 时有效. t ...
- Vue组件编写之Alert提示框组件编写
Alert提示框的vue组件编写 最近一直学习vue,跟着视频敲代码,敲了两三个组件后,终于对编写组件有一个大致的思路了,以下通过编写一个alert提示框组件大致梳理一下我编写组件的思路. 主要分为三 ...
- ECharts 提示框组件Tooltip属性大全(包含文本注释)
tooltip: { // 提示框组件:可以设置在全局(tooltip),可以设置在坐标系中(grid.tooltip.polar.tooltip.single.tooltip),可以设置在系列中(s ...
- ios 系统提示框_二个消息:关于iOS12.2和iOS13 beta 1系统功能
今天分享最新三条消息: 1.iOS12.2 取消低电量提示声 2.iOS13 beta 1 曝光新功能 一.iOS12.2 取消低电量提示声 国行版设备 iOS12.2 取消低电量提示声,在此之前旧版 ...
- 微信小程序tooltip提示框组件
需要将文件引入需要插件的.json文件的usingComponents里. 算了,直接看代码理解把,有问题联系会及时回复. 文件结构,我这里组件放在根目录的cpmponents文件夹里面 index. ...
- vue实现消息提示框
我们常常看到很多vue生态下的ui框架的消息提示框,在页面切换的时候依然停留在页面,我们知道vue这种单页面渐进式框架,所有的操作和元素都是挂载在一个节点上的,当路由变化是整个节点下的dom元素也在重 ...
- html如何设置提示收到消息,从零开始实现一个消息提示框
引言 消息提示框在实际应用场景当中比较常见,最常用的就是element ui的消息提示框,我们通常都是直接使用它们,但是我们有没有尝试过去探究其实现原理,并自己动手实现呢?为了提升我们的个人能力和竞争 ...
最新文章
- R语言绘制线图(line)实战
- gradle idea java ssm_应用框架:IDEA+Gradle创建MyBatis+SpringMVC项目
- linux下删除有锁的文件夹,Linux 文件夹右下角有锁,解锁
- 【重要】做AI项目,找有三AI,100+研发人员为你服务
- mysql 倒序 分页_nodeJS与MySQL实现分页数据以及倒序数据
- 【转】dicom通讯的工作方式及dicom标准简介!!
- 51CTO,博客的显示有问题啊
- Java Web学习总结(39)——JavaEE常用的Jar详解
- android局部翻转动画,android 围绕中心旋转动画
- 自制简单的Tabs(Vue)
- 一个Android上的弹幕控件Open Danmaku
- Win8串口驱动完美支持
- 初识DNA甲基化芯片
- LED背光源照明技术迅速发展
- 看LIVALL智能头盔是如何借助Google广告和YouTube实现海外众筹“冷启动“?
- linux lzma命令,Ubuntu: 压缩与解压缩LZMA文件
- 8.PPP拨号 获取ip地址
- 【OSX】MAC下能用的炒股软件_我是亲民_新浪博客
- JavaScript实现经典消方块游戏
- 每周全球科技十大新闻(2020.11.2-11.8)
热门文章
- 第一批做移动开发的程序员,现在怎么样了?
- Linux 受到开发者偏爱的 9 个理由
- 快1倍,我在 M1 Max 上开发 iOS 应用有了这些发现
- 亚马逊CEO贝索斯将飞往太空;字节跳动获得“字节汽车”商标;谷歌被法国反垄断机构罚款 2.2 亿欧元|极客头条...
- 24K 内存上诞生的操作系统,是如何改变计算机世界的?
- GitHub CEO 回应源代码泄露:没有黑客!没有被入侵!
- 华为云发布五大新品,这个成功实践也首次对外公开
- Python2 圆满落幕,Python 继续辉煌! | 原力计划
- 腾讯广告计算提速25%,腾讯云星星海SA2云服务器提供助力
- 斗鱼上岸:草根突围,直播逆袭!