jqgrid用法
- 格式：docx
- 大小：3.07 KB
- 文档页数：4
jqGrid是一个强大的jQuery插件，用于创建分页、排序、过滤和编辑的表格。以下是一些jqGrid的基本用法：
1. 创建表格：
```javascript
$("#grid").jqGrid({
url: 'data.json', // 数据源URL
datatype: 'json', // 数据类型
colModel: [ // 列模型
{ name: 'id', key: true },
{ name: 'name' },
{ name: 'email' }
],
pageNumber: 1, // 初始页面号
pageSize: 10, // 初始页面大小
ajaxGridOptions: { cache: false }, // 配置Ajax请求选项
serializeGridData: function (postData) {
return JSON.stringify(postData);
},
loadComplete: function () { // 在数据加载完成后执行的回调函数
},
loadError: function (jqXHR, textStatus, errorThrown) {
// 在数据加载出错时执行的回调函数
}
});
```
2. 添加行：
```javascript
$("#grid").jqGrid('addRowData', rowId, data);
```
3. 编辑行：
```javascript
$("#grid").jqGrid('editRow', rowId, true); // true表示保存更改
```
4. 删除行：
```javascript
$("#grid").jqGrid('delRowData', rowId);
```
5. 刷新表格：
```javascript
$("#grid").jqGrid('setGridParam', { datatype:
'json' }).trigger('reloadGrid');
```
6. 自定义排序：
```javascript
$("#grid").jqGrid('sortGrid', 'name', true); // 按名称排序，true表示升序排序
```
7. 自定义分页：
```javascript $("#grid").jqGrid('setGridParam', { pageNumber: 2, pageSize:
10 }); // 设置页面号和页面大小
```
