JS定义:
1、 .window 生成一个window窗口。
2、 .tree 生成一个树形结构。
3、 .datagrid 生成一个表格。
4、 .combobox 生成一个组合下拉框。
5、 .combotree 生成一个组合树形框。
6、 .dialog
生成一个对话框。它继承自window
私有属性如下:
1)title:该对话框标题文本。默认"New
Dialog"。
2)collapsible:当True时可显示折叠按钮。默认false。
3)minimizable:当True时可显示最小化按钮。默认false。
4)maximizable:当True时可显示最大化按钮。默认false。
5)resizable:当True时能重绘对话框大小。默认false。
6)toolbar:该工具栏置于对话框的顶部,每个工具栏包含:text, iconCls, disabled,
handler等属性。
7)buttons:这个按钮置于对话框的底部,每个按钮包含:text, iconCls,
handler等属性。
7、 .draggable
生成一个可自由拖动的块。
属性如下:
1)handle:选择"#id"进行拖动。
2)disabled:当True时停止自由拖动。默认false。
3)edge:开始拖动拖动块时的宽度。默认0。
4)axis:当拖动块移动时定义轴,可选值是'v'或者'h',当超出'v'和'h'的方位时将设置为null。
事件如下:
1)onStartDrag:当目标对象开始拖动时激活。
2)onDrag:在拖动期间激活。返回false将不会实际拖动它(的位置)。
3)onStopDrag:当目标对象停止拖动时激活。
8、 .linkbutton
生成一个链式按钮。
9、 .messager 生成一个消息框。
选项如下:
1)ok:显示确定按钮文本。
2)cancel:显示取消按钮文本。
方法如下:
1)show:在屏幕的右下角出现一个消息框。该选项参数是一个配置对象,它包括:
showType:定义消息框显示的模式,可选值包括:null,slide,fade,show.默认slide.
showSpeed: 定义消息框完成显示的时间。默认600毫秒。
width:
定义消息框的宽度。默认250。
height:定义消息框的高度。默认100。
msg:定义消息框显示的文本。
title: 在消息框面板头部显示标题文本。
timeout:
如果定义为0,消息框将不会自动关闭,除非用户手动关闭它。如果定义为非0值,消息框会在超时结束时自动关闭它。单位毫秒。
2)alert:显示一个打印窗口。它的参数如下:
title: 在头部显示标题文本。
msg:显示文本内容。
icon:
显示图标。可选值:error,question,info,warning。
fn:
当窗口关闭后触发回调函数。
3)confirm:显示一个包含确定和取消按钮的确认消息框。参数包括:
title:在头部显示标题文本。
msg: 显示文本内容。
fn(b):回调函数,当用户点击OK按钮,返回True,才会处理该函数,其它按钮返回false,不处理。
4)prompt:显示一个消息框,包含OK和Cancel按钮并提示用户输入一些文本。参数包括:
title:在头部显示标题文本。
msg:显示文本内容。
fn(val):该回调函数处理用户输入的参数值。
10、 .pagination
生成一个页码工具条。
属性如下:
1)total:当分页条创建后设置的记录数。默认1。
2)pageSize:页面大小。默认10。
3)pageNumber:当分页创建后显示的页码。默认1。
4)pageList:用户能更改页面的大小。您也可以改变该属性定义的默认大小。默认[10,20,30,50]。
5)loading:定义是否正在加载。默认false。
6)buttons:定义自定义按钮,每个按钮都包含两个属性:
iconCls: 该CSS类将显示一个背景图标。
handler:
当按钮点击时触发一个处理函数。
7)beforePageText:当输入组件前显示一个标签文本。
8)afterPageText:当输入组件后显示一个标签文本。
9)displayMsg:显示一个页面信息。
方法如下:
1)onSelectPage:当用户选择一个新页面时激活。该回调函数包括两个参数:
pageNumber: 该新页面的页码。
pageSize:该新页面的大小。
相关推荐
本文将汇总 EasyUI 中的一些关键属性,主要聚焦于 `jQuery UI` 插件,尤其是 `easyUI` 中的 `window`, `panel`, `linkbutton`, 和 `validatebox` 这几个组件。 首先,`easyui-window` 是用于创建窗口组件的 CSS 类...
本文主要对 jQuery EasyUI 中的几个常用插件进行属性汇总,包括 window、panel 和 linkbutton 组件。 #### 二、diveasyui-window 属性汇总 **1. diveasyui-window** 用于生成一个窗口样式。 - **modal**:确定...
基于SSM+Jquery-easyUI+MySql开发的快递物流管理系统源码+数据库+项目说明.zip 【运行环境】 Eclipse, IDEA JDK1.7(JDK1.8) Tomcat7(Tomcat8) 【技术栈】 JAVA, JSP, SSM, JQUERY, JQUERY EASYUI, MYSQL, HTML, ...
jQuery插件EasyUI是一个基于jQuery的用户界面插件,它提供了一组用户界面组件和工具,用于快速开发Web应用。EasyUI的一个重要组件是datagrid,它是一个数据表格控件,可以显示多行多列的数据,并允许对这些数据进行...
**jQuery EasyUI** 是一个基于 jQuery 的前端 UI 框架,它提供了一系列丰富的用户界面插件,可以帮助开发者快速构建复杂的 Web 应用程序。该框架的目标是简化 HTML、CSS 和 JavaScript 的使用,使得开发者能够更专注...
Chosen是一款优化了HTML选择器的jQuery插件,使得多选和下拉框更加友好,支持搜索功能和自定义样式。 7. **jQuery Cookie** 这个插件提供了操作浏览器Cookie的功能,可以方便地读取、写入和删除Cookie。 8. **...
找了个时间看了下EasyUI插件,对它的插件感觉是很舒服,特地把Easy UI的大部分功能属性做了一下汇总。使用easyUI的朋友可以收藏下。 此属性列表请对照jQuery EasyUI 1.0.5,关于它的更多资讯请猛击这里。 属性分为...
jQuery EasyUI | 基于jQuery的UI插件集合体 | [http://www.jeasyui.com](http://www.jeasyui.com) React | 界面构建框架 | [https://github.com/facebook/react](https://github.com/facebook/react) Editor.md | ...
(jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要...
1. **前端框架**:使用easyUI框架,它是一个基于jQuery的UI插件集合,提供丰富的UI组件,易于上手且定制性强。 2. **后端框架**:采用Spring Boot框架,利用其强大的生态体系进行快速开发。 3. **数据库**:MySQL...