jQuery EasyUI 是一个基于 jQuery 的 UI 框架,其目标是使开发者不需要编写复杂的 JavaScript 代码,也不需要对 CSS 样式有深入的了解,只需了解一些简单的 HTML 标签,就能够轻松的开发出功能丰富并且美观的 UI 界面。它虽然没有 Extjs 功能强大,但它更轻量,页面也相当美观,还支持各种主题风格,能够满足使用者对于页面不同风格的要求。 EasyUI 为开发者提供了大量的 UI 插件,如 Accordion、Combobox、Menu、Dalog、Tabs、Tree、Window 等。近日, EasyUI 1.4 发布,该版本新增了三个插件,修复了两个 bug,并为许多插件新增了方法和属性,主要改进如下:
- Menu 新增了 showItem、 hideItem 和 resize 方法
- Menu 可以根据窗口大小自动调整高度
- Menu 新增了 duration 属性,使开发者能够定义在一定毫秒时间内隐藏菜单
- 修复了当删除一个 Menu 项时,Menu 高度显示不正确的问题
- 修复了当 Datagrid 宽度太小时,fitColumns 方法不起作用的问题
- 为 EasyUI 所有组件新增了 fluid/percentange 大小属性
- Validatebox 新增了 onBeforeValidate 和 onValidate 事件
- Combo 由 Textbox 扩展实现,且新增 panelMinWidth、panelMaxWidth、panelMinHeight 和 panelMaxHeight 属性
- Tree 新增了 queryParams 属性,其 getRoot 方法能够返回指定节点的顶级父节点
- Searchbox 由 textbox 扩展实现
- Datetimebox 新增了 spinnerWidth 属性
- Panel 新增了 doLayout 方法,使 Panel 能够对 Panel 内组件进行布局
- Panel 新增了 clear 方法,可以清除 Panel 的中的内容
- Form 新增了 ajax、novalidate 和 queryParams 属性
- Linkbutton 新增了 resize 方法
- 新增了 textbox 插件,它一个增强的输入框,使得开发者能够更加容易的创建表单
- 新增了 datetimespinner 插件,一个日期和时间选择插件,使开发者能够选择具体某天
- 新增了 filebox 插件,作为表单的文件域
EasyUI 官网已经提供了教程和大量代码样例,更加有助于开发者学习该框架。EasyUI 有 GPL 版本和商业版本可供使用。EasyUI GPL 版能够在任何遵循 GPL 协议的工程中免费使用,EasyUI 商业版的需要遵循商业授权协议,且付费使用。更多 EasyUI 的相关信息,请登录其官网查看。
感谢郭蕾对本文的审校。
给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ )或者腾讯微博( @InfoQ )关注我们,并与我们的编辑和其他读者朋友交流。
评论