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

2016-02-19 13:17 53 1 收藏

下面图老师小编跟大家分享jQuery EasyUI 开源插件套装 完全替代ExtJS,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 tulaoshi.com - Web开发 】

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

这个效果也很酷~  

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

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组件

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1603639.html

延伸阅读
标签: Web开发
在网络发展领域,由于 jQuery 简单易学,易于使用和易于扩展的特点,因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息,这些内容值得一读。 教程 1. 在图像画廊载入过程中使用 jQuery 预加载技术。 | 2. 创建一个独特的熔岩灯动画效果的 j...
8款替代DREAMWEAVER的免费开源网页开发工具   Adobe Dreamweaver虽然非常好用,但它并不是唯一一个能够设计、开发、发布精彩网站的Web开发集成环境。我们的开源世界里有很多非常棒的可以完全替代Dreamweaver的各种功能的优秀Web开发工具,更重要的是它们也免费。如果你正在寻找Dreamweaver的替代品,下面这8款软件你应该优先尝试一下...
标签: Web开发
小序: 整理下自己项目中常用的几款jQuery插件, 发上来共享下, 另外作下说明, 由于自己大部分插件都是贡献在jQuery.com上的, 所以注释, demo 什么的基本上都是英文, 还请各位看官见谅. 正卷:   Facebook/Xiaonei 风格模态框 效果图: 简介: 使用 div, table 和 opacity 效果实现模态框效果... 导航: 详细介绍 | 在线演示 Tabpanel - ...
标签: Web开发
jQuery 最好的地方在于其方便的插件机制了,而且网上有很多人在贡献有用的插件,但是插件太多,不熟悉的朋友选择起来可能会比较费事。我觉得有必要开此一贴,收集大家一些常用的好插件,最好稍作点评,以供他人参考。 我先列几个我常用的,请大家踊跃补充。此帖旨在抛砖引玉。 ifixpng: 用于修正 IE 6.0 不支持透明 PNG 图片的,很方便,可以...
标签: Web开发
.THICKBOX支持一下浏览器: Windows IE 6.0, Windows IE 7+, Windows FF 2.0.0.6+, Windows Opera 9.0+, Macintosh Safari 2.0.4+, Macintosh FF 2.0.0.6+, Macintosh Opera 9.10……但是据我的使用,IE6还是有点问题的!下面我们首先来看它的调用: 1.肯定你先要下载jquery.js和thickbox.js了.还有thickbox.css也不能少! 代码如下: script ty...

经验教程

31

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部