jquery+easyui帮助文档资源-CSDN文库

5星 · 超过95%的资源需积分: 3 164 浏览量 2011-05-15 14:49:34 上传评论收藏 992KB DOC 举报

jQuery EasyUI 是一个基于 jQuery 的前端开发框架，它提供了一系列的组件，简化了网页界面的构建，特别是对于创建数据驱动的Web应用非常方便。这个帮助文档是中文版，旨在为开发者提供详细的使用指南。 1. Accordion（可折叠标签） Accordion组件允许你在页面上展示多个可折叠的面板，用户可以逐个展开查看内容。每个面板都有自己的标题，点击标题可以展开或关闭对应的面板。在实例中，你可以看到如何创建一个基本的Accordion，并设置各个面板的内容。参数包括`title`（标题）、`selected`（是否默认选中）、`collapsible`（是否允许折叠）等，这些参数可以通过JavaScript对象的形式传递，以自定义Accordion的行为。 2. DateBox（日期框） DateBox是输入日期的控件，它可以作为一个文本框显示，并提供日历选择器。实例展示了如何将一个普通的文本框转换为日期框。参数如`format`用于设定日期格式，`readonly`控制文本框是否只读，`onSelect`是当用户选择日期后触发的回调函数。此外，DateBox还支持`onChange`、`onClose`等事件以及`open`、`close`等方法，方便进行交互操作。 3. ComboBox(组合框) ComboBox是一种下拉列表框，它结合了输入框和下拉列表的功能。实例演示了如何填充数据源和设置初始值。参数如`valueField`和`textField`分别指定数据项的值字段和显示字段。事件如`onChange`在选中项改变时触发，`loadData`用于加载数据到下拉列表，而`select`、`unselect`等方法则提供了对选中项的操作。 4. Dialog（对话框） Dialog组件提供了一种弹出窗口的方式，常用于提示信息、表单提交等场景。在实例中，你可以学习如何打开、关闭Dialog，以及设置其大小、位置和内容。参数包括`width`、`height`尺寸，`title`窗口标题，`draggable`是否可拖动。Dialog支持`open`、`close`、`onOpen`、`onClose`等事件，以及`open`、`close`、`resize`等方法，便于定制其行为。以上只是jQuery EasyUI的一部分组件介绍，实际上，它还包括Grid（表格）、Tree（树形结构）、Menu（菜单）、Pager（分页）等丰富的组件。通过灵活运用这些组件，开发者可以快速构建出功能强大的Web界面，同时减少大量的编码工作。在实际开发中，深入理解每个组件的参数、事件和方法，将有助于提升开发效率和用户体验。

资源推荐

资源详情

资源评论

jquery easyui 中文培训文档
目 录
Accordion（可折叠标签）3
1 实例.......................................................................................................................................3
2 参数.......................................................................................................................................4
DateBox（日期框） 4
1 实例.......................................................................................................................................5
2 参数.......................................................................................................................................7
3 事件.......................................................................................................................................7
4 方法.......................................................................................................................................7
ComboBox(组合框) 8
1 实例.......................................................................................................................................8
2 参数.....................................................................................................................................10
3 事件.....................................................................................................................................10
4 方法.....................................................................................................................................10
Dialog（对话框） 11
1 实例.....................................................................................................................................11
2 参数.....................................................................................................................................13
3 事件.....................................................................................................................................13
4 方法.....................................................................................................................................13
Messager（提示框） 14
1 实例.....................................................................................................................................14
2 方法.....................................................................................................................................17
3 扩展.....................................................................................................................................17
NumberBox（数字框） 18
1 实例.....................................................................................................................................18
2 参数.....................................................................................................................................19
ValidateBox（验证框） 19
1 实例.....................................................................................................................................19
2 参数.....................................................................................................................................21
3 方法.....................................................................................................................................21
4 扩展.....................................................................................................................................22
Pagination（分页） 22
1 实例.....................................................................................................................................22
2 参数.....................................................................................................................................24
3 事件.....................................................................................................................................24
Window（窗口） 25
1 实例.....................................................................................................................................25
2 参数.....................................................................................................................................27
3 事件.....................................................................................................................................28
4 方法.....................................................................................................................................28
Panel（面板） 28
1 实例...................................................................................................................................28
2 参数...................................................................................................................................30
3 事件...................................................................................................................................31
1

jquery easyui 中文培训文档
4 方法...................................................................................................................................31
Tabs（标签） 32
1 实例...................................................................................................................................32
2 参数...................................................................................................................................34
3 事件...................................................................................................................................35
4 方法...................................................................................................................................35
5 标签面板属性...................................................................................................................35
Tree（树） 35
1 实例...................................................................................................................................36
2 参数...................................................................................................................................39
3 事件...................................................................................................................................39
4 方法...................................................................................................................................40
Layout（布局） 40
1 实例...................................................................................................................................40
2 参数...................................................................................................................................42
3 方法...................................................................................................................................42
Datagrid（数据表） 42
1 实例...................................................................................................................................42
2 参数...................................................................................................................................46
3 Column 参数.....................................................................................................................47
4 事件...................................................................................................................................48
5 方法...................................................................................................................................49
2