JQuery爱好者们的福音:jQuery EasyUI
2011-03-12 19:13
274 查看
前台开发,很多人喜欢用JQuery,但是在做后台管理系统,特别是企业管理系统,例如WEB进销存系统等,很多人都会选择ExtJS,因为ExtJS提供了非常多的UI界面,并且非常友好。
我要告诉大家,现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比:
上图是ExtJS和EasyUI的界面对比,是不是很类似呢,很强大呢? 呵呵~~
漂亮的消息弹出,支持遮罩效果。
这个效果也很酷~
更多的酷炫功能请看下方功能列表。。。
Easy UI的使用也非常地简单:
JavaScript代码
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
与引用其它JQuery插件类似。具体使用可以参考官方地址:http://jquery-easyui.wikidot.com/tutorial
下面是Easy ui目前提供的所有插件功能:
Menu and Button
Create a simple menu
Create a Link Button
Create a Menu Button
Create a Split Button
Layout
Build border layout for Web Pages
Complex layout on Panel
Create Accordion
Create Tabs
Create XP style left panel
DataGrid
Convert a HTML table to DataGrid
Add a pagination to DataGrid
Get selected row data from DataGrid
Add a toolbar to DataGrid
Frozen columns for DataGrid
Dynamic change DataGrid columns
Formatting DataGrid columns
Add sorting to DataGrid
Create column groups in DataGrid
CheckBox select on DataGrid
Window
My first window
Custom window tools
Window and Layout
Create Dialog
Tree
Create Tree from markup
Create Async Tree
Append nodes to tree
Form
Submit a form with Ajax
Add ComboTree field to a form
Form Validation
用过ExtJS的朋友都知道,他与JQuery来比,ExtJS是比较臃肿的一个JS框架,JQuery它是一个公认的轻量级JS框架,而基于JQuery的Easy UI它能够完全胜任我们的基本开发需求,并且比ExtJS要轻量许多。
赶快去体验吧,一定会对你的工作有很大帮助的!
我要告诉大家,现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比:
上图是ExtJS和EasyUI的界面对比,是不是很类似呢,很强大呢? 呵呵~~
漂亮的消息弹出,支持遮罩效果。
这个效果也很酷~
更多的酷炫功能请看下方功能列表。。。
Easy UI的使用也非常地简单:
JavaScript代码
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
与引用其它JQuery插件类似。具体使用可以参考官方地址:http://jquery-easyui.wikidot.com/tutorial
下面是Easy ui目前提供的所有插件功能:
Menu and Button
Create a simple menu
Create a Link Button
Create a Menu Button
Create a Split Button
Layout
Build border layout for Web Pages
Complex layout on Panel
Create Accordion
Create Tabs
Create XP style left panel
DataGrid
Convert a HTML table to DataGrid
Add a pagination to DataGrid
Get selected row data from DataGrid
Add a toolbar to DataGrid
Frozen columns for DataGrid
Dynamic change DataGrid columns
Formatting DataGrid columns
Add sorting to DataGrid
Create column groups in DataGrid
CheckBox select on DataGrid
Window
My first window
Custom window tools
Window and Layout
Create Dialog
Tree
Create Tree from markup
Create Async Tree
Append nodes to tree
Form
Submit a form with Ajax
Add ComboTree field to a form
Form Validation
用过ExtJS的朋友都知道,他与JQuery来比,ExtJS是比较臃肿的一个JS框架,JQuery它是一个公认的轻量级JS框架,而基于JQuery的Easy UI它能够完全胜任我们的基本开发需求,并且比ExtJS要轻量许多。
赶快去体验吧,一定会对你的工作有很大帮助的!
相关文章推荐
- JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
- JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS(引用)
- 转 JQuery 爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
- JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
- JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
- JQuery爱好者们的福音 jQuery EasyUI 开源插件套装 完全替代ExtJS
- JQuery爱好者们的福音:jQuery EasyUI 开源插件套装 完全替代ExtJS
- jquery easyui - 使用jquery给input赋值,取值
- jquery easyuiJquery插件--easyUI属性汇总
- jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)
- jQuery EasyUI一个基于 jQuery 的框架(创建网页所需的一切)
- JQuery EasyUI 运行报错 “Jquery未定义”
- jQuery的福音:EasyUI如期而至
- jquery easyui 弹出消息框 (转载) jQuery EasyUI API 中文文档 - 消息框(Messager) http://www.cnblogs.com/hantianwei/archive/2012/03/19/2407113.html
- 【jQuery easyUI】jQuery 获取easyUI combobox选中的值
- 学习--jquery 自定义插件 面向对象 -- 模拟 jquery EasyUi的 自定义 alert + confirm
- JQuery 是个好东西啊!编成的爱好者们进去看看吧
- JavaScript + jQuery + HTML 实现<input>提示信息的显示、隐藏,功能与jQuery EasyUI的easyui-textbox的prompt属性相同。
- 几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比
- 2009 年度最佳 jQuery 插件