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 進行參數覆蓋，手動重新載入數據，或者修改源代碼實現相應功能。