jQuery EasyUI是一组基于jQuery的UI外挂程式集合体,而jQuery EasyUI的目标就是帮助web开发者更轻鬆的打造出功能丰富并且美观的UI界面。开发者不需要编写複杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标籤。
基本介绍
- 外文名jQueryEasyUI
- 定义基于jQuery的UI外挂程式集合体
- 功能打造出功能丰富并且美观的UI界面
- 套用对象web开发者
特点
jQuery EasyUI为提供了大多数UI控制项的使用,如accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。
jQuery EasyUI是基于JQuery的一个前台ui界面的外挂程式,功能相对没extjs强大,但页面也是相当好看的,页面支持各种themes以满足使用者对于页面不同风格的喜好。一些功能也足够开发者使用,相对于extjs更轻量。
jQuery EasyUI有以下特点
1、基于jquery用户界面外挂程式的集合
2、为一些当前用于互动的js套用提供必要的功能
3、EasyUI支持两种渲染方式分别为javascript方式(如$('#p').panel({...}))和html标记方式(如class="easyui-panel")
4、支持HTML5(通过data-options属性)
5、开发产品时可节省时间和资源
6、简单,但很强大
7、支持扩展,可根据自己的需求扩展控制项
8、目前各项不足正以版本递增的方式不断完善
外挂程式
jQuery EasyUI 提供了用于创建跨浏览器网页的完整的组件集合,包括功能强大的 datagrid(数据格线)、treegrid(树形表格)、 panel(面板)、combo(下拉组合)等等。 用户可以组合使用这些组件,也可以单独使用其中一个。
外挂程式列表如下
分类 | 外挂程式 |
---|---|
Base(基础) |
|
Layout(布局) |
|
Menu(选单)与 Button(按钮) |
|
Form(表单) |
|
Window(视窗) |
|
DataGrid(数据格线)与 Tree(树) |
|
方法的使用
datagrid | $('#dg').datagrid('getSelected'); 不带参数的方法,获取当前选中行。 $('#dg').datagrid(''sort', 'itemid'); 带参数的方法,按照itemid 排序 |
事件的使用
datagrid | $('#dg').datagrid({ onDblClickCell: function(index,field,value){ $(this).datagrid('beginEdit', index); var ed = $(this).datagrid('getEditor', {index:index,field:field}); $(ed.target).focus(); } }); 定义单元格双击事件 开启编辑。 |
历史版本
jQuery EasyUI DownloadSelect specified version:
- jQuery EasyUI 1.5.4
- jQuery EasyUI 1.5.3
- jQuery EasyUI 1.5.2
- jQuery EasyUI 1.5.1
- jQuery EasyUI 1.5
- jQuery EasyUI 1.4.5
- jQuery EasyUI 1.4.4
- jQuery EasyUI 1.4.3
- jQuery EasyUI 1.4.2
- jQuery EasyUI 1.4.1
- jQuery EasyUI 1.4
- jQuery EasyUI 1.3.6
- jQuery EasyUI 1.3.5
- jQuery EasyUI 1.3.4
- jQuery EasyUI 1.3.3
- jQuery EasyUI 1.3.2
- jQuery EasyUI 1.3.1
- jQuery EasyUI 1.3
- jQuery EasyUI 1.2.6
- jQuery EasyUI 1.2.5
- jQuery EasyUI 1.2.4
- jQuery EasyUI 1.2.3
- jQuery EasyUI 1.2.2
- jQuery EasyUI 1.2.1
- jQuery EasyUI 1.2
- jQuery EasyUI 1.1.2
- jQuery EasyUI 1.1.1
- jQuery EasyUI 1.1