jQueryEasyUI

jQueryEasyUI

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.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

相關詞條

熱門詞條

聯絡我們