jQuery EasyUI 开源插件套装 完全替代ExtJS
jQuery EasyUI 开源插件套装 完全替代ExtJS
发布时间:2016-12-30 来源:查字典编辑
摘要:前台开发,很多人喜欢用JQuery,但是在做后台管理系统,特别是企业管理系统,例如WEB进销存系统等,很多人都会选择ExtJS,因为ExtJ...

前台开发,很多人喜欢用JQuery,但是在做后台管理系统,特别是企业管理系统,例如WEB进销存系统等,很多人都会选择ExtJS,因为ExtJS提供了非常多的UI界面,并且非常友好。

我要告诉大家,现在JQuery也有一个很好的UI插件了,几乎完全可以替代ExtJS,下面来看看对比:

jQuery EasyUI 开源插件套装 完全替代ExtJS1

上图是ExtJS和EasyUI的界面对比,是不是很类似呢,很强大呢? 呵呵~~

jQuery EasyUI 开源插件套装 完全替代ExtJS2

漂亮的消息弹出,支持遮罩效果。

jQuery EasyUI 开源插件套装 完全替代ExtJS3

这个效果也很酷~

更多的酷炫功能请看下方功能列表。。。

Easy UI的使用也非常地简单:

复制代码 代码如下:

<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 EasyUI 常用UI组件

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类