`

(二)jquery easyUI提示框的使用

阅读更多

1:弹出提示窗的使用

(1)屏幕右下弹出提示窗口:

   $.messager.show({
    title:'My Title',
    msg:'Message will be closed after 4 seconds.',
    timeout:4000,(可选)
    height:150, (可选)
    width:350,(可选)
    showType:'show'
   });

  timeout:number,(定期关闭)
    showType:String(弹出的窗口的方式:show,slide,fade)
   });

(2)进度条:

   var win = $.messager.progress({
    title:'Please waiting',
    msg:'Loading data...'
   });
   setTimeout(function(){
    $.messager.progress('close');
   },mix);

 mix:可以为数字(毫秒)或者为返回数字的函数;获取或者设置进度条的方法为:

 var value = $('#p').progressbar('getValue');  

 if (value < 100){  

     value += Math.floor(Math.random() * 10);  

     $('#p').progressbar('setValue', value);  

 }

 

(3)普通弹出框:

$.messager.alert(title,msg,type);

type:可以省略,取值为:error,info,question,warning.

(4)确认弹出框:

   $.messager.confirm('My Title', 'Are you confirm this?', function(r){
    if (r){
     alert('confirmed:'+r);
     location.href = 'http://www.google.com';
    }
   });

(5)输入弹出框:

   $.messager.prompt('My Title', 'Please type something', function(r){
    if (r){
     alert('you type:'+r);
    }
   });

分享到:
评论

相关推荐

    jQueryEasyUI中文框架使用文档

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

    基于JQueryEasyUI类库的WebForm控件库

    1. **简洁API**: JQueryEasyUI的API设计简洁,易于理解和使用,让开发者能快速上手。 2. **响应式设计**: 支持多种设备和屏幕尺寸,适应移动和桌面环境。 3. **组件丰富**: 包括表格、下拉框、按钮、对话框、树形...

    李炎恢jQuery EasyUI视频教程

    #### 二、jQuery EasyUI的核心特性 - **易用性**:提供高度封装的UI组件,开发者无需深入了解JavaScript或CSS即可使用。 - **丰富的组件库**:包含多种UI元素,如按钮、表格、对话框等,满足不同应用场景的需求。 - ...

    jQueryEasyUI框架使用文档.pdf

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

    JQueryEasyUI整站文件

    **jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了一系列的UI组件,使得开发者可以快速构建出美观且功能丰富的Web应用。EasyUI 的目标是让开发者能够专注于业务逻辑,而...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本,包含了许多改进和修复,以提升开发者的体验和应用程序的性能。这个压缩包...

    jquery easyui demo

    1. **对话框(Dialog)**:jQuery EasyUI 提供了对话框组件,可以用于弹出提示信息、显示详情页面或进行确认操作。通过`.dialog()`方法,你可以轻松创建、打开和关闭对话框,还可以设置其大小、位置和可拖动性。 2. *...

    jQueryEasyUI

    二、jQueryEasyUI的主要组件 1. **布局(Layout)**:用于创建分隔的区域,可以灵活调整各个面板的大小和位置。 2. **表格(Grid)**:支持多列显示、排序、过滤、分页等功能,可直接从服务器获取和编辑数据。 3....

    JqueryEasyUI1.4参考手册

    在 `JqueryEasyUI1.4参考手册.chm` 中,你将找到关于 jQuery EasyUI 1.4 版本的详尽指南。`.chm` 文件是一种微软编写的帮助文档格式,它包含索引、搜索功能和一系列主题,方便用户查找和学习。 **组件介绍** ...

    jQuery EasyUI 1.4.5 版 API 中文版.rar

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单、树形结构等,帮助开发者快速构建用户界面。1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者...

    jQuery EasyUI 1.3 中文离线帮助手册

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单等,帮助开发者快速构建用户界面。这个1.3版本的中文离线帮助手册是为开发者提供详尽的文档和示例,便于在...

    jquery easyui 官方图标文件

    总的来说,jQuery EasyUI的官方图标文件为开发者提供了一套完整的图标解决方案,配合`icon.css`文件,可以方便地在项目中集成和使用图标,提升Web应用的视觉品质和功能性。在实际操作时,需要注意文件路径的设置,...

    jquery-easyui 前端开发框架

    二、jQuery EasyUI 主要组件详解: 1. **Dialog**:弹出对话框,用于展示独立的内容,支持拖动、最大化、最小化、关闭等操作,常用于提示信息或编辑表单。 2. **Grid**:数据网格,可以展示和操作大量结构化的数据,...

    jQuery EasyUI v1.3.5官方API中文版

    - **其他组件**:包括按钮(Button)、工具栏(Toolbar)、面板(Panel)、布局(Layout)、树形控件(Tree)、进度条(Progress Bar)、提示框(Tooltip)等,丰富了用户界面的元素。 3. **CSS 样式与主题** jQuery EasyUI ...

    李炎恢老师jQueryEasyUI视频课程.zip

    通过李炎恢老师的这一系列视频课程,不仅可以系统地学习jQuery EasyUI,还能掌握实际项目中常用组件的使用和配置,对于提升前端开发技能和提高开发效率具有显著效果。无论是初学者还是有一定经验的开发者,都能从中...

    jQuery EasyUI-1.4.1

    除此之外,jQuery EasyUI 还包括布局(layout)、面板(panel)、按钮(button)、提示(tooltip)、滑块(slider)、时间选择器(datetimebox)等组件,覆盖了网页开发中的常见需求。每个组件都有一套完善的文档和...

    jQuery EasyUI 中文文档

    #### 二、jQuery EasyUI 主要组件介绍 ##### 2.1 window (窗口) - **基础用法**:`diveasyui-window` 可以创建一个弹出式的窗口。 - **属性** - `modal`: 是否为模态窗口,默认为 `false`。 - `shadow`: 是否显示...

    jquery-easyui-1.3.3

    描述中提到,通过学习这些“demo”,你可以迅速熟悉并上手使用jQuery EasyUI。这是因为实践是最好的老师,示例提供了直观的代码和运行效果,使学习过程更具针对性。同时,如果在学习过程中遇到任何疑问,官方的帮助...

    jquery-easyui demo

    《jQuery EasyUI 框架详解与应用实例》 jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了丰富的用户界面组件,使得开发者可以快速构建出美观且功能强大的 Web 应用程序。在 JavaWeb 开发中,jQuery EasyUI ...

    jquery easyui

    文档中提到了多个jQuery EasyUI的组件,例如Parser(解析器)、EasyLoader(简单加载)、Draggable(拖动)、Droppable(放置)、Resizable(调整大小)、Pagination(分页)、SearchBox(搜索框)、ProgressBar...

Global site tag (gtag.js) - Google Analytics