可选的参数
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 | | |
DataGrid Columns 是一个数组对象, 数组里的对象也是一个数组,数组里的每一个小对象就是一个列字段,例如:Column 属性
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 | 取消选中一行 |