jQueryEasyUI
生活随笔
收集整理的這篇文章主要介紹了
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用戶界面插件的集合
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（基礎） |
|
| Layout（布局） |
|
| Menu（菜單）與 Button（按鈕） |
|
| Form（表單） |
|
| Window（窗口） |
|
| DataGrid（數據網格）與 Tree（樹） |
|
方法的使用
| 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();
}
}); 定義單元格雙擊事件 開啟編輯。
|
jQueryEasyUI圖冊
總結
以上是生活随笔為你收集整理的jQueryEasyUI的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： HDU 1728 逃离迷宫 BFS题
- 下一篇： vue生命周期小笔记