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);
}
});
相关推荐
- **提示框(Messager)**:显示信息、警告、错误等消息的弹出框。 6. **数据网格和树组件**: - **分页(Pagination)**:用于数据网格的分页展示,提高加载性能。 - **数据网格(DataGrid)**:展示和编辑表格数据,...
1. **简洁API**: JQueryEasyUI的API设计简洁,易于理解和使用,让开发者能快速上手。 2. **响应式设计**: 支持多种设备和屏幕尺寸,适应移动和桌面环境。 3. **组件丰富**: 包括表格、下拉框、按钮、对话框、树形...
#### 二、jQuery EasyUI的核心特性 - **易用性**:提供高度封装的UI组件,开发者无需深入了解JavaScript或CSS即可使用。 - **丰富的组件库**:包含多种UI元素,如按钮、表格、对话框等,满足不同应用场景的需求。 - ...
- 窗口组件:窗口(Window)、对话框(Dialog)、提示框(Messager) - 数据展示组件:分页(Pagination)、数据网格(DataGrid)、树(Tree) 以面板(Panel)为例,面板是一个常用的布局容器,可以包含标题、内容...
**jQuery EasyUI 知识点详解** jQuery EasyUI 是一个基于 jQuery 的轻量级前端框架,它提供了一系列的UI组件,使得开发者可以快速构建出美观且功能丰富的Web应用。EasyUI 的目标是让开发者能够专注于业务逻辑,而...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,用于快速构建用户界面。1.4.2 版本是这个框架的一个稳定版本,包含了许多改进和修复,以提升开发者的体验和应用程序的性能。这个压缩包...
1. **对话框(Dialog)**:jQuery EasyUI 提供了对话框组件,可以用于弹出提示信息、显示详情页面或进行确认操作。通过`.dialog()`方法,你可以轻松创建、打开和关闭对话框,还可以设置其大小、位置和可拖动性。 2. *...
二、jQueryEasyUI的主要组件 1. **布局(Layout)**:用于创建分隔的区域,可以灵活调整各个面板的大小和位置。 2. **表格(Grid)**:支持多列显示、排序、过滤、分页等功能,可直接从服务器获取和编辑数据。 3....
在 `JqueryEasyUI1.4参考手册.chm` 中,你将找到关于 jQuery EasyUI 1.4 版本的详尽指南。`.chm` 文件是一种微软编写的帮助文档格式,它包含索引、搜索功能和一系列主题,方便用户查找和学习。 **组件介绍** ...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单、树形结构等,帮助开发者快速构建用户界面。1.4.5 版本是该框架的一个稳定版本,其API中文版对于国内开发者...
jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列易于使用的组件,如对话框、表格、下拉菜单等,帮助开发者快速构建用户界面。这个1.3版本的中文离线帮助手册是为开发者提供详尽的文档和示例,便于在...
总的来说,jQuery EasyUI的官方图标文件为开发者提供了一套完整的图标解决方案,配合`icon.css`文件,可以方便地在项目中集成和使用图标,提升Web应用的视觉品质和功能性。在实际操作时,需要注意文件路径的设置,...
二、jQuery EasyUI 主要组件详解: 1. **Dialog**:弹出对话框,用于展示独立的内容,支持拖动、最大化、最小化、关闭等操作,常用于提示信息或编辑表单。 2. **Grid**:数据网格,可以展示和操作大量结构化的数据,...
- **其他组件**:包括按钮(Button)、工具栏(Toolbar)、面板(Panel)、布局(Layout)、树形控件(Tree)、进度条(Progress Bar)、提示框(Tooltip)等,丰富了用户界面的元素。 3. **CSS 样式与主题** jQuery EasyUI ...
通过李炎恢老师的这一系列视频课程,不仅可以系统地学习jQuery EasyUI,还能掌握实际项目中常用组件的使用和配置,对于提升前端开发技能和提高开发效率具有显著效果。无论是初学者还是有一定经验的开发者,都能从中...
除此之外,jQuery EasyUI 还包括布局(layout)、面板(panel)、按钮(button)、提示(tooltip)、滑块(slider)、时间选择器(datetimebox)等组件,覆盖了网页开发中的常见需求。每个组件都有一套完善的文档和...
#### 二、jQuery EasyUI 主要组件介绍 ##### 2.1 window (窗口) - **基础用法**:`diveasyui-window` 可以创建一个弹出式的窗口。 - **属性** - `modal`: 是否为模态窗口,默认为 `false`。 - `shadow`: 是否显示...
描述中提到,通过学习这些“demo”,你可以迅速熟悉并上手使用jQuery EasyUI。这是因为实践是最好的老师,示例提供了直观的代码和运行效果,使学习过程更具针对性。同时,如果在学习过程中遇到任何疑问,官方的帮助...
《jQuery EasyUI 框架详解与应用实例》 jQuery EasyUI 是一款基于 jQuery 的前端框架,它提供了丰富的用户界面组件,使得开发者可以快速构建出美观且功能强大的 Web 应用程序。在 JavaWeb 开发中,jQuery EasyUI ...
文档中提到了多个jQuery EasyUI的组件,例如Parser(解析器)、EasyLoader(简单加载)、Draggable(拖动)、Droppable(放置)、Resizable(调整大小)、Pagination(分页)、SearchBox(搜索框)、ProgressBar...