jqGrid 重载分页参数
时间: 2023-07-03 18:28:23 浏览: 133
你可以使用 `setGridParam` 方法来重新设置 jqGrid 的分页参数。以下是一个例子,假设你需要修改分页大小为 20,当前页为第二页:
```javascript
$("#grid").jqGrid('setGridParam', {
postData: {
rows: 20,
page: 2
}
}).trigger("reloadGrid");
```
上面的例子中,`postData` 是一个包含分页参数的对象。使用 `setGridParam` 方法,你可以修改 `postData` 对象中的值,然后使用 `trigger` 方法重新加载 jqGrid。这样就可以实现重新加载 jqGrid 并使用新的分页参数了。
相关问题
jqGrid 组装分页参数
在 jqGrid 中,分页参数是通过 `postData` 对象传递的。这个对象包含了当前页面、每页显示的记录数等分页相关的信息。如果你需要动态构造分页参数,可以使用 `setGridParam` 方法来设置 `postData` 对象。
假设你需要在 jqGrid 中实现一个搜索功能,用户可以输入关键字并点击搜索按钮。当用户点击搜索按钮时,你需要将关键字以及分页相关的信息(如当前页、每页记录数等)提交到后台进行处理。
以下是一个示例代码,用于动态构造分页参数:
```javascript
// 搜索按钮点击事件
$("#searchBtn").click(function() {
// 获取关键字
var keyword = $('#keyword').val();
// 设置分页参数
var postData = {
page: 1, // 当前页码
rows: 10, // 每页记录数
sidx: 'id', // 排序字段
sord: 'desc', // 排序方式
keyword: keyword // 搜索关键字
};
// 设置 jqGrid 的 postData 参数,并重新加载数据
$("#grid").jqGrid('setGridParam', {
postData: postData
}).trigger("reloadGrid");
});
```
在上面的代码中,当用户点击搜索按钮时,我们首先获取了用户输入的关键字。然后我们构造了一个包含当前页、每页记录数、排序字段、排序方式以及关键字的对象。最后使用 `setGridParam` 方法将 `postData` 对象设置到 jqGrid 中,并调用 `reloadGrid` 方法重新加载数据。这样就可以实现动态构造分页参数并进行搜索的功能了。
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` 方法重新加载数据。这样就可以实现在重新加载数据时修改参数的功能了。
阅读全文