jQuery EasyUI 開源插件套裝 完全替代ExtJS
前臺開發(fā),很多人喜歡用JQuery,但是在做后臺管理系統(tǒng),特別是企業(yè)管理系統(tǒng),例如WEB進(jìn)銷存系統(tǒng)等,很多人都會選擇ExtJS,因為ExtJS提供了非常多的UI界面,并且非常友好。
我要告訴大家,現(xiàn)在JQuery也有一個很好的UI插件了,幾乎完全可以替代ExtJS,下面來看看對比:
上圖是ExtJS和EasyUI的界面對比,是不是很類似呢,很強(qiáng)大呢? 呵呵~~
漂亮的消息彈出,支持遮罩效果。
這個效果也很酷~
更多的酷炫功能請看下方功能列表。。。
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它是一個公認(rèn)的輕量級JS框架,而基于JQuery的Easy UI它能夠完全勝任我們的基本開發(fā)需求,并且比ExtJS要輕量許多。
趕快去體驗吧,一定會對你的工作有很大幫助的!
下載地址 jQuery EasyUI 常用UI組件
- 詳解Chart.js輕量級圖表庫的使用經(jīng)驗
- 常用的9個JavaScript圖表庫詳解
- 使用Chart.js圖表庫制作漂亮的響應(yīng)式表單
- JavaScript可視化圖表庫D3.js API中文參考
- javaScript矢量圖表庫-gRaphael幾行代碼實現(xiàn)精美的條形圖/餅圖/點圖/曲線圖
- Node.js開源應(yīng)用框架HapiJS介紹
- 開源的javascript項目Kissy介紹
- Java中使用開源庫JSoup解析HTML文件實例
- 利用noesis.Javascript開源組件.Net中執(zhí)行javascript腳本
- 優(yōu)秀js開源框架-jQuery使用手冊(1)
- 一個加密JavaScript的開源工具PACKER2.0.2
- 4個頂級開源JavaScript圖表庫
相關(guān)文章
jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單
這篇文章主要介紹了jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-08-08基于JQuery和原生JavaScript實現(xiàn)網(wǎng)頁定位導(dǎo)航特效
本文通過實例代碼給大家介紹了基于JQuery和原生JavaScript實現(xiàn)網(wǎng)頁定位導(dǎo)航特效,代碼簡單易懂,非常不錯,具有參考借鑒價值,需要的朋友參考下吧2017-04-04jQuery+css實現(xiàn)百度百科的頁面導(dǎo)航效果
這篇文章主要介紹了jQuery+css實現(xiàn)百度百科的頁面導(dǎo)航效果,需要的朋友可以參考下2014-12-12