可选的参数
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 |
取消选中一行 |
时间： 2024-08-26 13:30:46
