jqGrid重载后仅在过滤数据中筛选，如何基于原始数据源筛选并保留搜索文本？

问题原因 #

当前的refreshGrid函数仅重置了网格的数据源类型和请求地址，但未正确处理筛选参数的传递逻辑，导致jqGrid后续筛选时默认使用之前缓存的26条子集数据，而非从服务端拉取原始数据源重新筛选。

修复方案 #

核心思路：刷新时将当前搜索参数传递给服务端，由服务端基于原始数据源执行筛选，同时强制网格从服务端拉取数据、清空本地缓存的子集数据。

方法1：手动获取自定义搜索框参数

如果使用的是自定义搜索输入框，直接获取输入值并传递给服务端：

function refreshGrid() {
    // 替换为你的搜索框ID，获取当前搜索文本
    var searchText = $('#search_input').val();
    
    $('#grid_id').jqGrid('setGridParam', {
        datatype: 'json',
        url: 'URL',
        // 将搜索参数传递给服务端，确保基于原始数据筛选
        postData: { searchKeyword: searchText },
        // 重置到第一页，避免分页状态残留
        page: 1,
        // 清空本地缓存数据，防止客户端在子集内筛选
        data: []
    });
    // 强制从服务端拉取最新数据重载网格
    $("#grid_id").trigger('reloadGrid', [{page: 1}]);
}

方法2：复用jqGrid内置搜索参数

如果使用jqGrid自带的工具栏/高级搜索组件，直接复用网格已有的筛选参数：

function refreshGrid() {
    var grid = $('#grid_id');
    // 获取当前网格的筛选参数
    var currentSearchParams = grid.jqGrid('getGridParam', 'postData');
    
    grid.jqGrid('setGridParam', {
        datatype: 'json',
        url: 'URL',
        postData: currentSearchParams,
        page: 1,
        data: []
    });
    $("#grid_id").trigger('reloadGrid', [{page: 1}]);
}

关键注意事项 #

• 服务端接口需正确接收传递的搜索参数，并基于原始全量数据源执行筛选，而非仅处理之前的子集。
• 重置page:1是为了避免分页状态残留，确保刷新后显示筛选结果的第一页。
• 清空data:[]可防止jqGrid使用本地缓存的子集数据进行客户端筛选，强制从服务端拉取最新数据。

内容的提问来源于stack exchange，提问作者Vanest