jQuery EasyUI是一組基於jQuery的UI外掛程式集合體,而jQuery EasyUI的目標就是幫助web開發者更輕鬆的打造出功能豐富並且美觀的UI界面。開發者不需要編寫複雜的javascript,也不需要對css樣式有深入的了解,開發者需要了解的只有一些簡單的html標籤。
基本介紹
- 外文名:jQueryEasyUI
- 定義:基於jQuery的UI外掛程式集合體
- 功能:打造出功能豐富並且美觀的UI界面
- 套用對象:web開發者
特點,外掛程式,方法的使用,事件的使用,歷史版本,
特點
jQuery EasyUI為提供了大多數UI控制項的使用,如:accordion,combobox,menu,dialog,tabs,validatebox,datagrid,window,tree等等。
jQuery EasyUI是基於JQuery的一個前台ui界面的外掛程式,功能相對沒extjs強大,但頁面也是相當好看的,同時頁面支持各種themes以滿足使用者對於頁面不同風格的喜好。一些功能也足夠開發者使用,相對於extjs更輕量。
jQuery EasyUI有以下特點:
1、基於jquery用戶界面外掛程式的集合
2、為一些當前用於互動的js套用提供必要的功能
3、EasyUI支持兩種渲染方式分別為javascript方式(如:$('#p').panel({...}))和html標記方式(如:class="easyui-panel")
4、支持HTML5(通過data-options屬性)
5、開發產品時可節省時間和資源
6、簡單,但很強大
7、支持擴展,可根據自己的需求擴展控制項
8、目前各項不足正以版本遞增的方式不斷完善
外掛程式
jQuery EasyUI 提供了用於創建跨瀏覽器網頁的完整的組件集合,包括功能強大的 datagrid(數據格線)、treegrid(樹形表格)、 panel(面板)、combo(下拉組合)等等。 用戶可以組合使用這些組件,也可以單獨使用其中一個。
外掛程式列表如下:
分類 | 外掛程式 |
---|---|
Base(基礎) | Parser 解析器 Easyloader 載入器 Draggable 可拖動 Droppable 可放置 Resizable 可調整尺寸 Pagination 分頁 Searchbox 搜尋框 Progressbar 進度條 Tooltip 提示框 |
Layout(布局) | Panel 面板 Tabs 標籤頁/選項卡 Accordion 摺疊面板 Layout 布局 |
Menu(選單)與 Button(按鈕) | Menu 選單 Linkbutton 連結按鈕 Menubutton 選單按鈕 Splitbutton 分割按鈕 |
Form(表單) | Form 表單 Validatebox 驗證框 Combo 組合 Combobox 組合框 Combotree 組合樹 Combogrid 組合格線 Numberbox 數字框 Datebox 日期框 Datetimebox 日期時間框 Calendar 日曆 Spinner 微調器 Numberspinner 數值微調器 Timespinner 時間微調器 Slider 滑塊 textbox基礎文本框 filebox檔案上傳 |
Window(視窗) | Window 視窗 Dialog 對話框 Messager 訊息框 |
DataGrid(數據格線)與 Tree(樹) | Datagrid 數據格線 Propertygrid 屬性格線 Tree 樹 Treegrid 樹形格線 |
方法的使用
datagrid | $('#dg').datagrid('getSelected'); 不帶參數的方法,獲取當前選中行。 $('#dg').datagrid(''sort', 'itemid'); 帶參數的方法,按照itemid 排序 |
事件的使用
datagrid | $('#dg').datagrid({ onDblClickCell: function(index,field,value){ $(this).datagrid('beginEdit', index); var ed = $(this).datagrid('getEditor', {index:index,field:field}); $(ed.target).focus(); } }); 定義單元格雙擊事件 開啟編輯。 |
歷史版本
jQuery EasyUI DownloadSelect specified version:
jQuery EasyUI 1.8.5
jQuery EasyUI 1.8.1
- jQuery EasyUI 1.5.4
- jQuery EasyUI 1.5.3
- jQuery EasyUI 1.5.2
- jQuery EasyUI 1.5.1
- jQuery EasyUI 1.5
- jQuery EasyUI 1.4.5
- jQuery EasyUI 1.4.4
- jQuery EasyUI 1.4.3
- jQuery EasyUI 1.4.2
- jQuery EasyUI 1.4.1
- jQuery EasyUI 1.4
- jQuery EasyUI 1.3.6
- jQuery EasyUI 1.3.5
- jQuery EasyUI 1.3.4
- jQuery EasyUI 1.3.3
- jQuery EasyUI 1.3.2
- jQuery EasyUI 1.3.1
- jQuery EasyUI 1.3
- jQuery EasyUI 1.2.6
- jQuery EasyUI 1.2.5
- jQuery EasyUI 1.2.4
- jQuery EasyUI 1.2.3
- jQuery EasyUI 1.2.2
- jQuery EasyUI 1.2.1
- jQuery EasyUI 1.2
- jQuery EasyUI 1.1.2
- jQuery EasyUI 1.1.1
- jQuery EasyUI 1.1