jQueryEasyUI(jQuery EasyUI)

jQueryEasyUI

jQuery EasyUI一般指本詞條

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用戶界面外掛程式的集合
jQueryEasyUI
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

相關詞條

熱門詞條

聯絡我們