jqGrid 组装分页参数
时间: 2023-07-03 19:28:23 浏览: 84
在 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` 方法重新加载数据。这样就可以实现动态构造分页参数并进行搜索的功能了。
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)