可选的参数
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 |
取消选中一行 |
|