Jqgrid Rowlist Records 切换无效

本文介绍如何解决在 jqgrid 中使用 rowlist 和 records 选项切换时无效的问题。

一、问题概述

在 jqgrid 中，我们可以通过设置 rowlist 和 records 来控制每页显示多少行数据。然而，有时候会发现在切换 rowlist 或 records 选项时，无法生效，仍然按照默认的显示方式显示数据。这是一个比较常见的问题，在下面的文章中，我们将会介绍一些解决方案。

二、问题原因

首先，我们需要了解这个问题的原因。这个问题的根本原因是 jqgrid 在渲染表格时，会根据当前表格的状态（分页、排序、过滤等）重新请求数据，但是在实际请求时，会使用默认的 rowlist 和 records 参数，而不是当前页面实际的参数。因此，在切换 rowlist 或 records 选项时，实际的参数并没有被正确的传递给后台，从而导致切换无效。

三、解决方案

1. 使用 postData 进行参数覆盖

我们可以使用 jqgrid 的 postData 参数覆盖默认的参数值，这样就可以正确的传递当前的参数，从而正确的切换每页显示的数据量。

$("#grid").jqGrid({
    url: "example.php",
    postData: {
        rows: function () { return $("#grid").jqGrid("getGridParam", "rowNum"); },
        page: function () { return $("#grid").jqGrid("getGridParam", "page"); }
    },
    ...
});

2. 手动重新加载数据

我们可以在每次切换 rowlist 或 records 选项时，手动调用 jqgrid 的 reloadGrid 方法，重新加载数据。

$("#grid").setGridParam({rowNum: 20, page: 1}).trigger("reloadGrid");

3. 修改源代码

对于这个问题，我们还可以尝试直接修改 jqgrid 的源代码以实现功能。在 jqgrid 的源代码中，我们可以找到实际发送请求的函数，例如 postData 方法，我们可以在该函数中手动将当前的 rowlist 和 records 参数传递给后台。

四、总结

在 jqgrid 中，使用 rowlist 和 records 选项控制每页显示的数据量时，有时候会发现切换无效的问题。这个问题是由于 jqgrid 在实际发送请求时使用默认的参数值，而不是当前的参数值所导致的。为了解决这个问题，我们可以使用 postData 进行参数覆盖，手动重新加载数据，或者修改源代码实现相应功能。