jqgrid 重载表格
时间: 2023-07-24 10:23:41 浏览: 155
要重载 jqgrid 表格,可以使用 `GridUnload` 方法来卸载表格,然后再重新加载表格。
下面是一个示例:
```javascript
// 卸载表格
$('#grid').jqGrid('GridUnload');
// 重新加载表格
$('#grid').jqGrid({
url: 'data.json',
datatype: 'json',
colNames: ['ID', 'Name', 'Age'],
colModel: [
{ name: 'id', index: 'id', width: 60 },
{ name: 'name', index: 'name', width: 100 },
{ name: 'age', index: 'age', width: 80 },
],
jsonReader: {
repeatitems: false,
id: 'id',
},
});
```
这样就可以重新加载一个新的 jqgrid 表格了。
相关问题
jqGrid 重载参数
如果你需要在 jqGrid 中重新加载数据时修改参数,可以使用 `setGridParam` 方法来设置 jqGrid 的参数。以下是一个示例代码:
```javascript
// 定义 jqGrid
$("#grid").jqGrid({
url: 'data.php',
datatype: 'json',
mtype: 'GET',
colNames:['ID','姓名','年龄','性别'],
colModel:[
{name:'id',index:'id', width:60, sorttype:"int"},
{name:'name',index:'name', width:100},
{name:'age',index:'age', width:80, align:"right",sorttype:"int"},
{name:'gender',index:'gender', width:80, align:"right",sorttype:"int"}
],
pager: '#pager',
rowNum: 10,
rowList: [10, 20, 30],
sortname: 'id',
sortorder: 'desc',
viewrecords: true,
gridview: true,
caption: '测试 jqGrid'
});
// 重新加载数据时修改参数
$("#reloadBtn").click(function() {
var postData = {
rows: 20,
page: 1,
sortname: 'name',
sortorder: 'asc'
};
$("#grid").jqGrid('setGridParam', {
postData: postData
}).trigger("reloadGrid");
});
```
在上面的代码中,我们定义了一个 jqGrid,然后在点击重新加载按钮时修改了 `rows`、`page`、`sortname` 和 `sortorder` 等参数,并使用 `setGridParam` 方法将新的参数设置到 jqGrid 中。最后调用 `reloadGrid` 方法重新加载数据。这样就可以实现在重新加载数据时修改参数的功能了。
jqGrid 重载分页参数
你可以使用 `setGridParam` 方法来重新设置 jqGrid 的分页参数。以下是一个例子,假设你需要修改分页大小为 20,当前页为第二页:
```javascript
$("#grid").jqGrid('setGridParam', {
postData: {
rows: 20,
page: 2
}
}).trigger("reloadGrid");
```
上面的例子中,`postData` 是一个包含分页参数的对象。使用 `setGridParam` 方法,你可以修改 `postData` 对象中的值,然后使用 `trigger` 方法重新加载 jqGrid。这样就可以实现重新加载 jqGrid 并使用新的分页参数了。
阅读全文