jQuery EasyUI 開源插件套裝 完全替代ExtJS
前臺(tái)開發(fā),很多人喜歡用JQuery,但是在做后臺(tái)管理系統(tǒng),特別是企業(yè)管理系統(tǒng),例如WEB進(jìn)銷存系統(tǒng)等,很多人都會(huì)選擇ExtJS,因?yàn)镋xtJS提供了非常多的UI界面,并且非常友好。
我要告訴大家,現(xiàn)在JQuery也有一個(gè)很好的UI插件了,幾乎完全可以替代ExtJS,下面來(lái)看看對(duì)比:
上圖是ExtJS和EasyUI的界面對(duì)比,是不是很類似呢,很強(qiáng)大呢? 呵呵~~
漂亮的消息彈出,支持遮罩效果。
這個(gè)效果也很酷~
更多的酷炫功能請(qǐng)看下方功能列表。。。
Easy UI的使用也非常地簡(jiǎn)單:
<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來(lái)比,ExtJS是比較臃腫的一個(gè)JS框架,JQuery它是一個(gè)公認(rèn)的輕量級(jí)JS框架,而基于JQuery的Easy UI它能夠完全勝任我們的基本開發(fā)需求,并且比ExtJS要輕量許多。
趕快去體驗(yàn)吧,一定會(huì)對(duì)你的工作有很大幫助的!
下載地址 jQuery EasyUI 常用UI組件
- 詳解Chart.js輕量級(jí)圖表庫(kù)的使用經(jīng)驗(yàn)
- 常用的9個(gè)JavaScript圖表庫(kù)詳解
- 使用Chart.js圖表庫(kù)制作漂亮的響應(yīng)式表單
- JavaScript可視化圖表庫(kù)D3.js API中文參考
- javaScript矢量圖表庫(kù)-gRaphael幾行代碼實(shí)現(xiàn)精美的條形圖/餅圖/點(diǎn)圖/曲線圖
- Node.js開源應(yīng)用框架HapiJS介紹
- 開源的javascript項(xiàng)目Kissy介紹
- Java中使用開源庫(kù)JSoup解析HTML文件實(shí)例
- 利用noesis.Javascript開源組件.Net中執(zhí)行javascript腳本
- 優(yōu)秀js開源框架-jQuery使用手冊(cè)(1)
- 一個(gè)加密JavaScript的開源工具PACKER2.0.2
- 4個(gè)頂級(jí)開源JavaScript圖表庫(kù)
相關(guān)文章
jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法
這篇文章主要介紹了jquery計(jì)算鼠標(biāo)和指定元素之間距離的方法,涉及jQuery針對(duì)頁(yè)面位置屬性與鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06jquery獲得當(dāng)前html頁(yè)面源碼的方法
這篇文章主要介紹了jquery獲得當(dāng)前html頁(yè)面源碼的方法,涉及jquery針對(duì)頁(yè)面元素的相關(guān)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07jQuery基礎(chǔ)知識(shí)點(diǎn)總結(jié)(必看)
下面小編就為大家?guī)?lái)一篇jQuery基礎(chǔ)知識(shí)點(diǎn)總結(jié)(必看)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-05-05鼠標(biāo)拖動(dòng)實(shí)現(xiàn)DIV排序示例代碼
鼠標(biāo)拖動(dòng)實(shí)現(xiàn)DIV排序的教程有很多,在本文將為大家詳細(xì)介紹個(gè)不錯(cuò)的示例,對(duì)比傳統(tǒng)的排序,這是一個(gè)很不錯(cuò)的嘗試2013-10-10jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單
這篇文章主要介紹了jQuery Easyui使用(一)之可折疊面板的布局手風(fēng)琴菜單的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-08-08多種類型jQuery網(wǎng)頁(yè)驗(yàn)證碼插件代碼實(shí)例
這篇文章主要介紹了多種類型jQuery網(wǎng)頁(yè)驗(yàn)證碼插件代碼實(shí)例,有正好需要的同學(xué)可以測(cè)試研究下具體使用效果2021-01-01基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航特效
本文通過實(shí)例代碼給大家介紹了基于JQuery和原生JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)定位導(dǎo)航特效,代碼簡(jiǎn)單易懂,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下吧2017-04-04jquery實(shí)現(xiàn)浮動(dòng)的側(cè)欄實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)浮動(dòng)的側(cè)欄,實(shí)例分析了基于jQuery的stickySidebar插件實(shí)現(xiàn)浮動(dòng)層的相關(guān)技巧,需要的朋友可以參考下2015-06-06jQuery+css實(shí)現(xiàn)百度百科的頁(yè)面導(dǎo)航效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)百度百科的頁(yè)面導(dǎo)航效果,需要的朋友可以參考下2014-12-12