`

jQuery EasyUI 提示框(Messager)用法

 
阅读更多

jQuery EasyUI 提示框(Messager)不仅强大,而且也不用任何的HTML代码,只需要按照《jQuery EasyUI框架使用文档》包含必要文件后,在$(function(){ }); 里插入下面的代码即可:

  1. $.messager.show()


Messager需要依存于以下的这些组件:
* 可拖放(Draggable)
* 调整大小(Resizable)
* 面板(panel)
* 窗口(window)
* 链接按钮(linkbutton)

上面只是一个小例子,下面来看一下具体的选项和方法:

名字 类型 描述 默认值
ok 字符串 Ok 按钮上的文本 Ok
cancel 字符串 Cancel 按钮上的文本 Cancel

方法

方法名 参数 描述
$.messager.show options 在屏幕的右下角显示一个消息窗口。这些选项的参数可以是一下的一个配置对象:
showType:定义如何将显示消息窗口。可用的值是:null,slide,fade,show。默认值是slide。
showSpeed:定义消息窗口完成的时间(以毫秒为单位), 默认值600。
width:定义消息窗口的宽度。 默认值250。
height:定义消息窗口的高度。 默认值100。
msg:定义显示的消息文本。
title:定义显示在标题面板显示的标题文本。
timeout:如果定义为0,消息窗口将不会关闭,除非用户关闭它。如果定义为非0值,当超时后消息窗口将自动关闭。
$.messager.alert title, msg, icon, fn 显示一个警告窗口。参数如下:
title:显示在标题面板的标题文本。
msg:提示框显示的消息文本。
icon:提示框显示的图标。可用的值是:error,question,info,warning.
fn:当窗口关闭时触发的回调函数。
$.messager.confirm title, msg, fn 显示一个含有确定和取消按钮的确认消息窗口。参数如下:
title:显示在标题面板的标题文本。
msg:确认消息窗口显示的消息文本。
fn(b):当用户点击按钮后触发的回调函数,如果点击OK则给回调函数传true,如果点击cancel则传false。
$.messager.prompt title, msg, fn 显示一个确定和取消按钮的信息提示窗口,提示用户输入一些文本。参数如下:
title:显示在标题面板的标题文本。
msg:提示窗口显示的消息文本。
fn(val):用户点击按钮后的回调函,参数是用户输入的内容。
分享到:
评论

相关推荐

    jQuery EasyUI 中文文档

    ### jQuery EasyUI 中文文档知识点概述 #### 一、jQuery EasyUI 概述 jQuery EasyUI 是一个基于 jQuery...通过本文对 jQuery EasyUI 的主要组件进行介绍,希望能够帮助开发者更好地理解和使用这一工具,提高开发效率。

    jQueryEasyUI框架使用文档.pdf

    - 窗口组件:窗口(Window)、对话框(Dialog)、提示框(Messager) - 数据展示组件:分页(Pagination)、数据网格(DataGrid)、树(Tree) 以面板(Panel)为例,面板是一个常用的布局容器,可以包含标题、内容...

    jQueryEasyUI中文框架使用文档

    - **提示框(Messager)**:显示信息、警告、错误等消息的弹出框。 6. **数据网格和树组件**: - **分页(Pagination)**:用于数据网格的分页展示,提高加载性能。 - **数据网格(DataGrid)**:展示和编辑表格数据,...

    李炎恢jQuery EasyUI讲义代码

    - **对话框**: 使用 `$.messager.alert` 方法创建简单的消息提示框。 - **网格**: `<table id="dg" class="easyui-datagrid" ...>` - 数据绑定: 通过 `url` 属性指定数据源或使用 `data` 属性直接绑定数据。 - 行...

    jQuery EasyUI 1.5.1 中文API文档(chm、exe、pdf)

    在jQuery EasyUI 1.5.1的中文API文档中,开发者可以找到每个组件的详细说明,包括其基本用法、参数配置、方法和事件。这有助于理解和应用这些组件,以创建功能丰富的用户界面。例如,通过`dialog`的`options`属性,...

    Jquery EasyUI Demo 例子

    这个"Jquery EasyUI Demo"集成了这些组件的基本用法,通过查看和运行代码,开发者可以快速掌握EasyUI的使用方法,并将其应用到自己的项目中。对于初学者来说,这是一个很好的学习资源,对于经验丰富的开发者,也是一...

    jquery-easyui-1.2.6

    5. `demo`:示例文件夹,提供了各种组件的使用示例,帮助开发者理解和学习如何使用jQuery EasyUI。 6. `locale`:本地化文件夹,包含了不同语言的设置,支持多语言环境。 7. `themes`:主题文件夹,内含多种预设的UI...

    jQuery EasyUI封装简化操作

    这些封装函数使得开发者在使用 jQuery EasyUI 时更加便捷,能够快速创建交互式的对话框、加载提示和窗口。它们降低了开发复杂度,提高了代码的可读性和可维护性,使得开发者可以更专注于业务逻辑而不是界面的实现...

    jQuery EasyUI 1.5 版 API 中文版

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面的开发,提供了一系列易于使用的组件,如对话框、表单、数据网格、菜单、工具栏等。1.5 版本是其一个重要的更新,引入了更多的功能和优化,以适应...

    jQueryEasyUI介绍.docx

    - **其他**:Messager(消息框)提供弹出通知和提示,增强用户体验。 使用 jQuery EasyUI 的优点在于其简洁的 API,多种预设的主题,以及对跨浏览器兼容性的良好支持。尽管它的功能可能不如一些更为重量级的框架...

    jQueryEasyUI介绍.pdf

    jQuery EasyUI 还包含日期时间选择器(Datebox、Datetimebox)、日历(Calendar)、滑块(Slider)等控件,以及数据展示组件如 DataGrid、TreeGrid,窗口组件如 Window 和 Dialog,以及消息提示组件 Messager。...

    jqueryEasyUi包和中文文档

    4. 对话框与提示:dialog、messager用于弹窗提示和信息展示。 5. 菜单与按钮:menu、pagination、pagination提供操作菜单和分页功能。 6. 其他组件:tooltip、progressbar、dialog等增强用户体验的元素。 使用...

    jquery easyui 中文文档

    以上仅列举了 jQuery EasyUI 框架中几个常见的组件,该框架还包含了大量的其他组件和功能,如`Messager`(提示框)、`NumberBox`(数字框)、`ValidateBox`(验证框)、`Pagination`(分页)、`Window`(窗口)、`...

    jquery-easyui-1.4.5 demo带索引及中文api

    同时,提供的示例代码(demo)可以帮助开发者理解每个组件的实际用法,通过索引可以快速定位到所需的组件和方法,提高开发效率。 总之,`jQuery EasyUI 1.4.5` 是一个强大且易用的前端框架,尤其适合需要快速构建...

    easyui和dwz_jui两套后台管理界面模板

    4. **数据操作**:与后端进行数据交互,如使用`$.ajax`或`$.messager.show`进行异步请求和消息提示。 5. **插件扩展**:EasyUI允许开发者根据需求自定义插件,扩展其功能。 **DWZ_JUI** DWZ_JUI则是另一个基于...

    jQuery easyUI的教程

    5 Messager(提示框) 12 5.1 实例 12 5.2 方法 15 5.3 扩展 16 6 NumberBox(数字框) 16 6.1 实例 16 6.2 参数 17 7 ValidateBox(验证框) 18 7.1 实例 18 7.2 参数 20 7.3 方法 20 7.4 扩展 20 8 Pagination...

Global site tag (gtag.js) - Google Analytics