Jquery EasyUI-datagrid 使用介紹

DataGrid 屬性

覆寫了 $.fn.datagrid.defaults.

參數名	類型											描述	默認值
title	string											Datagrid面板的標題	null
iconCls	string											在面板上通過一個CSS類顯示16x16圖標。	null
border	boolean											設置面板是否具有邊框	true
width	number											datagrid面板的寬度	auto
height	number											datagrid面板的高度	auto
columns	array											DataGrid列配置對象	null
frozenColumns	array											凍結的列，被現實在左邊	null
striped	boolean											設置是否讓單元格顯示條紋。默認false。	false
method	string											通過該方法類型請求遠程數據。默認post。	post
nowrap	boolean											是否包裹數據，默認爲包裹數據顯示在一行	true
idField	string											標識字段，或者說主鍵字段	null
url	string											請求數據的URL.	null
loadMsg	string											加載數據時顯示的信息	Processing, please wait …
pagination	boolean											是否顯示分頁工具欄	false
rownumbers	boolean											是否顯示行號	false
singleSelect	boolean											是否單選	false
fit	boolean											是否自動適應父容器	false
pageNumber	number											分頁初始化行號	1
pageSize	number											初始化分頁大小	10
pageList	array											分頁大小選擇列	[10,20,30,40,50]
queryParams	object											請求數據時額外發送的參數	{}
sortName	string											排序列	null
sortOrder	string											升序還是降序 'asc' 或者 'desc'.	asc

Column 屬性

DataGrid Columns 是一個數組對象, 數組裏的對象也是一個數組，數組裏的每一個小對象就是一個列字段，例如：

columns:[[
    {field:'itemid',title:'Item ID',rowspan:2,width:80,sortable:true},
    {field:'productid',title:'Product ID',rowspan:2,width:80,sortable:true},
    {title:'Item Details',colspan:4}
],[
    {field:'listprice',title:'List Price',width:80,align:'right',sortable:true},
    {field:'unitcost',title:'Unit Cost',width:80,align:'right',sortable:true},
    {field:'attr1',title:'Attribute',width:100},
    {field:'status',title:'Status',width:60}
]]

名稱	類型	描述	默認值
title	string	列字段要現實的名稱	undefined
field	string	列字段	undefined
width	number	寬度	undefined
rowspan	number	單元格行數	undefined
colspan	number	單元格列數	undefined
align	string	文本對齊方式，同align屬性.	undefined
sortable	boolean	是否可以被排序.	undefined
checkbox	boolean	是否具有多選框	undefined

Events（事件）

Name	Parameters	Description
onLoadSuccess	none	調用遠程數據成功是激活
onLoadError	none	裝載錯誤時激活
onClickRow	rowIndex, rowData	點擊一行時激活，參數包括： rowIndex:點擊的行數，從0開始 rowData: 當前行的數據
onDblClickRow	rowIndex, rowData	雙擊一行是觸發，參數包括: rowIndex:點擊的行數，從0開始 rowData: 當前行的數據
onSortColumn	sort, order	對一列進行排序時激活,參數包括: sort:排序字段名稱 order: 排序規則，升序，降序
onSelect	rowIndex, rowData	選中一行時激活，參數有: rowIndex:選中的行數 rowData: 數據
onUnselect	rowIndex, rowData	取消選中時激活，參數： rowIndex:選中的行數 rowData: 數據

Methods（方法）

Name	Parameter	Description
options	none	返回所有屬性
resize	none	重置大小布局
reload	none	重新加載數據
fixColumnSize	none	調整列的大小
loadData	param	裝載數據，以前的數據會被移除
getSelected	none	返回選中的行，沒有則返回空
getSelections	none	返回所有的行，空則返回空數組
clearSelections	none	取消所有選中
selectRow	index	選中一行，參數爲行號
selectRecord	idValue	根據主鍵查詢出一條記錄
unselectRow	index	取消選中一行