- jQuery EasyUI 教程
- jQuery EasyUI 简介
- jQuery EasyUI 应用 – 创建 CRUD 应用
- jQuery EasyUI 应用 – 创建 CRUD 数据网格
- jQuery EasyUI 应用 – 创建展开行明细编辑表单的 CRUD 应用
- jQuery EasyUI 应用 – 创建 RSS Feed 阅读器
- jQuery EasyUI 拖放 – 基本的拖动和放置
- jQuery EasyUI 拖放 – 创建拖放的购物车
- jQuery EasyUI 拖放 – 创建学校课程表
- jQuery EasyUI 菜单与按钮 – 创建简单的菜单
- jQuery EasyUI 菜单与按钮 – 创建链接按钮
- jQuery EasyUI 菜单与按钮 – 创建菜单按钮
- jQuery EasyUI 菜单与按钮 – 创建分割按钮
- jQuery EasyUI 布局 – 为网页创建边框布局
- jQuery EasyUI 布局 – 在面板中创建复杂布局
- jQuery EasyUI 布局 – 创建折叠面板
- jQuery EasyUI 布局 – 创建标签页(Tabs)
- jQuery EasyUI 布局 – 动态添加标签页(Tabs)
- jQuery EasyUI 布局 – 添加自动播放标签页(Tabs)
- jQuery EasyUI 布局 – 创建 XP 风格左侧面板
- jQuery EasyUI 数据网格 – 转换 HTML 表格为数据网格
- jQuery EasyUI 数据网格 – 取得选中行数据
- jQuery EasyUI 数据网格 – 添加查询功能
- jQuery EasyUI 数据网格 – 添加工具栏
- jQuery EasyUI 数据网格 – 创建复杂工具栏
- jQuery EasyUI 数据网格 – 设置冻结列
- jQuery EasyUI 数据网格 – 动态改变列
- jQuery EasyUI 数据网格 – 格式化列
- jQuery EasyUI 数据网格 – 设置排序
- jQuery EasyUI 数据网格 – 自定义排序
- jQuery EasyUI 数据网格 – 创建列组合
- jQuery EasyUI 数据网格 – 添加复选框
- jQuery EasyUI 数据网格 – 自定义分页
- jQuery EasyUI 数据网格 – 启用行内编辑
- jQuery EasyUI 数据网格 – 扩展编辑器
- jQuery EasyUI 数据网格 – 列运算
- jQuery EasyUI 数据网格 – 合并单元格
- jQuery EasyUI 数据网格 – 创建自定义视图
- jQuery EasyUI 数据网格 – 创建页脚摘要
- jQuery EasyUI 数据网格 – 条件设置行背景颜色
- jQuery EasyUI 数据网格 – 创建属性网格
- jQuery EasyUI 数据网格 – 扩展行显示细节
- jQuery EasyUI 数据网格 – 创建子网格
- jQuery EasyUI 数据网格 – 使用虚拟滚动视图显示海量数据
- jQuery EasyUI 数据网格 – 添加分页组件
- jQuery EasyUI 窗口 – 创建简单窗口
- jQuery EasyUI 窗口 – 自定义窗口工具栏
- jQuery EasyUI 窗口 – 窗口与布局
- jQuery EasyUI 窗口 – 创建对话框
- jQuery EasyUI 窗口 – 自定义带有工具条和按钮的对话框
- jQuery EasyUI 树形菜单 – 使用标记创建树形菜单
- jQuery EasyUI 树形菜单 – 创建异步树形菜单
- jQuery EasyUI 树形菜单 – 树形菜单添加节点
- jQuery EasyUI 树形菜单 – 创建带复选框的树形菜单
- jQuery EasyUI 树形菜单 – 树形菜单拖放控制
- jQuery EasyUI 树形菜单 – 树形菜单加载父/子节点
- jQuery EasyUI 树形菜单 – 创建基础树形网格
- jQuery EasyUI 树形菜单 – 创建复杂树形网格
- jQuery EasyUI 树形菜单 – 树形网格动态加载
- jQuery EasyUI 树形菜单 – 树形网格添加分页
- jQuery EasyUI 树形菜单 – 树形网格惰性加载节点
- jQuery EasyUI 表单 – 创建异步提交表单
- jQuery EasyUI 表单 – 表单验证
- jQuery EasyUI 表单 – 创建树形下拉框(ComboTree)
- jQuery EasyUI 表单 – 格式化下拉框(ComboBox)
- jQuery EasyUI 表单 – 过滤下拉数据网格(ComboGrid)
- jQuery EasyUI 插件
- jQuery EasyUI 扩展
- jQuery EasyUI 教程
- jQuery EasyUI 扩展 – 可编辑的数据网格
- jQuery EasyUI 基础插件 – Parser 解析器
- jQuery EasyUI 数据网格与树插件 – Treegrid 树形网格
- jQuery EasyUI 基础插件 – Easyloader 加载器
- jQuery EasyUI 基础插件 – Draggable 可拖拽
- jQuery EasyUI 基础插件 – Droppable 可释放
- jQuery EasyUI 基础插件 – Resizable 可调整尺寸
- jQuery EasyUI 基础插件 – Pagination 分页
- jQuery EasyUI 基础插件 – Searchbox 搜索框
- jQuery EasyUI 基础插件 – Progressbar 进度条
- jQuery EasyUI 基础插件 – Tooltip 提示框
- jQuery EasyUI 布局插件 – Panel 面板
- jQuery EasyUI 布局插件 – Tabs 标签页/选项卡
- jQuery EasyUI 布局插件 – Accordion 折叠面板
- jQuery EasyUI 布局插件 – Layout 布局
- jQuery EasyUI 菜单与按钮插件 – Menu 菜单
- jQuery EasyUI 菜单与按钮插件 – Linkbutton 链接按钮
- jQuery EasyUI 菜单与按钮插件 – Menubutton 菜单按钮
- jQuery EasyUI 菜单与按钮插件 – Splitbutton 分割按钮
- jQuery EasyUI 表单插件 – Form 表单
- jQuery EasyUI 表单插件 – Validatebox 验证框
- jQuery EasyUI 表单插件 – Combobox 组合框
- jQuery EasyUI 表单插件 – Combotree 组合树
- jQuery EasyUI 表单插件 – Combogrid 组合网格
- jQuery EasyUI 表单插件 – Numberbox 数字框
- jQuery EasyUI 表单插件 – Datebox 日期框
- jQuery EasyUI 表单插件 – Datetimebox 日期时间框
- jQuery EasyUI 表单插件 – Calendar 日历
- jQuery EasyUI 表单插件 – Spinner 微调器
- jQuery EasyUI 表单插件 – Numberspinner 数值微调器
- jQuery EasyUI 表单插件 – Timespinner 时间微调器
- jQuery EasyUI 表单插件 – Slider 滑块
- jQuery EasyUI 窗口插件 – Window 窗口
- jQuery EasyUI 窗口插件 – Dialog 对话框
- jQuery EasyUI 窗口插件 – Messager 消息框
- jQuery EasyUI 数据网格与树插件 – Datagrid 数据网格
- jQuery EasyUI 数据网格与树插件 – Propertygrid 属性网格
- jQuery EasyUI 数据网格与树插件 – Tree 树
- jQuery EasyUI 扩展 – Portal
- jQuery EasyUI 扩展 – 数据网格视图
- jQuery EasyUI 扩展 – 可编辑的树
- jQuery EasyUI 扩展 – 数据网格行过滤
- jQuery EasyUI 扩展 – 数据网格行拖放
- jQuery EasyUI 扩展 – 树形网格行拖放
- jQuery EasyUI 扩展 – 主题
- jQuery EasyUI 扩展 – DWR 加载器
- jQuery EasyUI 扩展 – RTL 支持
- jQuery EasyUI 扩展 – Ribbon
文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
jQuery EasyUI 窗口插件 – Messager 消息框
pre { white-space: pre-wrap; } jQuery EasyUI 插件
jQuery EasyUI 插件
通过 $.messager.defaults 重写默认的 defaults。
消息框(messager)提供不同样式的消息框,包括警示(alert)、确认(confirm)、提示(prompt)、进展(progress)等等。所有的消息框都是异步的。用户可以在与消息框交互后使用回调函数来完成一些动作。
依赖
- window
- linkbutton
- progressbar
用法
$.messager.alert('Warning','The warning message'); $.messager.confirm('Confirm','Are you sure you want to delete record?',function(r){ if (r){ alert('ok'); } });
属性
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
ok | string | 确定按钮的文本。 | Ok |
cancel | string | 取消按钮的文本。 | Cancel |
方法
名称 | 参数 | 描述 |
---|---|---|
$.messager.show | options | 在屏幕的右下角显示一个消息窗口,options 参数是一个配置对象: showType: 定义消息窗口如何显示。可用的值是:null、slide、fade、show。默认是 slide。 showSpeed: 定义消息窗口完成显示所需的以毫秒为单位的时间。默认是 600。 width:定义消息窗口的宽度。默认是 250。 height:定义消息窗口的高度。默认是 100。 title:头部面板上显示的标题文本。 msg:要显示的消息文本。 style:定义消息窗口的自定义样式。 timeout:如果定义为 0,除非用户关闭,消息窗口将不会关闭。如果定义为非 0 值,消息窗口将在超时后自动关闭。默认是 4 秒。 代码实例: $.messager.show({ title:'My Title', msg:'Message will be closed after 5 seconds.', timeout:5000, showType:'slide' }); // show message window on top center $.messager.show({ title:'My Title', msg:'Message will be closed after 4 seconds.', showType:'show', style:{ right:'', top:document.body.scrollTop+document.documentElement.scrollTop, bottom:'' } }); |
$.messager.alert | title, msg, icon, fn | 显示一个警告提示窗口。参数: title:显示在头部面板上的标题文本。 msg:要显示的消息文本。 icon:要显示的图标图片。可用的值是:error、question、info、warning。 fn:当窗口关闭时触发的回调函数。 代码实例: $.messager.alert('My Title','Here is a info message!','info'); |
$.messager.confirm | title, msg, fn | 显示一个带"确定"和"取消"按钮的确认消息窗口。参数: title:显示在头部面板上的标题文本。 msg:要显示的消息文本。 fn(b):回调函数,当用户点击确认按钮时传递一个 true 参数给函数,否则给它传递一个 false 参数。 代码实例: $.messager.confirm('Confirm', 'Are you sure to exit this system?', function(r){ if (r){ // exit action; } }); |
$.messager.prompt | title, msg, fn | 显示一个带"确定"和"取消"按钮的消息窗口,提示用户输入一些文本。参数: title:显示在头部面板上的标题文本。 msg:要显示的消息文本。 fn(val):带有用户输入的数值参数的回调函数。 代码实例: $.messager.prompt('Prompt', 'Please enter your name:', function(r){ if (r){ alert('Your name is:' + r); } }); |
$.messager.progress | options or method | 显示一个进度的消息窗口。 options 定义如下: title:显示在头部面板上的标题文本,默认值是 '' 。 msg:消息框的主体文本,默认值是 '' 。 text:显示在进度条里的文本,默认值是 undefined 。 interval:每次进度更新之间以毫秒为单位的时间长度。默认值是 300。 方法定义如下: bar:获取进度条(progressbar)对象。 close:关闭进度窗口。 代码实例: 显示进度消息窗口。 $.messager.progress();现在关闭消息窗口。 $.messager.progress('close'); |
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论