### jQuery Easy UI 功能属性详解 #### CSS 类定义与功能属性 jQuery Easy UI 是一个基于 jQuery 的用户界面库,提供了一系列丰富的用户界面组件,旨在简化网页应用的开发过程。其功能属性主要分为 CSS 片段和 JS 片段,本文将深入解析其中的关键属性。 ##### diveasyui-window - 窗口样式 `diveasyui-window` 用于生成窗口样式,具有模态窗口和阴影显示等特性。关键属性包括: 1. **modal**: 指定是否创建模态窗口,接受 true 或 false 值,默认为 false。 2. **shadow**: 控制窗口阴影的显示,默认为 true 显示阴影。 ##### diveasyui-panel - 面板 `diveasyui-panel` 用于创建面板,提供丰富的布局控制和状态管理。具体属性如下: 1. **title**: 设置面板标题。 2. **iconCls**: 定义面板图标,通过 CSS 类实现。 3. **width**, **height**: 分别设定面板的宽度和高度,支持 auto 默认值。 4. **left**, **top**: 设定面板在页面上的位置。 5. **cls**, **headerCls**, **bodyCls**: 分别添加自定义类到面板、面板头部和面板内容。 6. **style**: 添加内联样式。 7. **fit**: 当 true 时,面板大小自动适应父容器。 8. **border**: 控制边框显示,默认为 true。 9. **doSize**: 若为 true,则面板大小会自动调整并重新布局。 10. **collapsible**, **minimizable**, **maximizable**, **closable**: 控制面板的可折叠、最小化、最大化和关闭操作,默认为 false。 11. **tools**: 自定义工具栏,每个工具项需指定 `iconCls` 和 `handler` 属性。 12. **collapsed**, **minimized**, **maximized**, **closed**: 设置面板的初始状态。 13. **href**: 加载远程数据的 URL。 14. **loadingMessage**: 加载远程数据时显示的信息,默认为 "Loading…"。 ##### 事件 - **onLoad**: 远程数据加载完成触发。 - **onBeforeOpen**, **onOpen**: 面板打开前后触发。 - **onBeforeClose**, **onClose**: 面板关闭前后触发。 - **onBeforeDestroy**, **onDestroy**: 面板销毁前后触发。 - **onBeforeCollpase**, **onCollapse**: 面板折叠前后触发。 - **onBeforeExpand**, **onExpand**: 面板展开前后触发。 - **onResize**: 面板大小变化时触发,提供新的宽高值。 - **onMove**: 面板位置改变时触发,提供新位置坐标。 - **onMaximize**, **onRestore**, **onMinimize**: 面板最大、恢复、最小化状态改变时触发。 ##### 方法 - **options**: 获取当前配置选项。 - **panel**, **header**, **body**: 分别返回面板、头部、主体的对象引用。 - **setTitle**: 修改面板标题。 - **open**: 打开面板,支持 forceOpen 参数强制打开。 - **close**: 关闭面板,支持 forceClose 参数强制关闭。 - **destroy**: 销毁面板,支持 forceDestroy 参数强制销毁。 - **refresh**: 通过设置 href 属性刷新面板内容。 - **resize**: 调整面板大小和布局,需指定新的宽、高、左、顶位置。 - **move**: 移动面板位置,需指定新的左、顶位置。 ##### aeasyui-linkbutton - 链接类型按钮 `aeasyui-linkbutton` 用于创建链接样式的按钮,支持禁用和平面显示效果: 1. **disabled**: 控制按钮是否禁用。 2. **plain**: 设置按钮是否为平面效果。 #### 总结 jQuery Easy UI 提供了强大而灵活的功能属性,涵盖了从基本布局到复杂状态管理的各种需求。开发者可以利用这些属性轻松构建动态且交互丰富的用户界面,同时通过事件和方法的调用实现更高级的功能定制和控制。通过理解并熟练掌握这些属性,开发者能够极大地提升网页应用的用户体验和功能性。
剩余8页未读,继续阅读
- shakawjh2014-07-14里面介绍的属性有点少啊
- 粉丝: 4
- 资源: 2
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助