Free jqGrid分页异常、编辑后不刷新及按钮文本错误问题求助

我来帮你逐个排查并解决遇到的这三个Free jqGrid问题：

1. 切换分页时表格条目上下乱序 #

这种情况大概率是排序配置和服务器端逻辑不匹配导致的，分两种场景处理：

• 如果是服务器端分页（loadonce: false）：
  确保grid初始化时指定了默认排序字段和顺序，同时服务器端能正确接收jqGrid传递的sidx（排序字段）和sord（排序顺序）参数，返回对应排序后的分页数据。示例配置：

  $("#list").jqGrid({
      url: "your-api-endpoint",
      datatype: "json",
      mtype: "GET",
      sortname: "id", // 替换成你的实际排序字段
      sortorder: "asc",
      loadonce: false, // 服务器端分页必须设为false
      pager: "#pager",
      // 其他必要配置...
  });
  

• 如果是客户端分页（loadonce: true）：
  第一次加载数据后，jqGrid会把数据存在本地，此时要确保初始加载的数据集是已排序的，或者在grid初始化后手动触发一次客户端排序：

  $("#list").jqGrid('setGridParam', {sortname: 'id', sortorder: 'asc'}).trigger('reloadGrid');
  

2. 添加/编辑表单提交后表格未刷新，新增数据丢失 #

你配置的navOptions: { reloadGridOptions: { fromServer: true } }没生效，可能是配置位置不对，或者需要结合回调函数兜底。试试下面的配置：

首先，确保在navGrid的编辑/新增选项里明确设置回调，同时强制刷新时从服务器拉取数据：

$("#list").jqGrid('navGrid', '#pager', {
    edit: true,
    add: true,
    del: true,
    reloadGridOptions: { fromServer: true, page: 1 } // 刷新后回到第一页，确保能看到新增数据
},
// 编辑选项
{
    closeAfterEdit: true,
    afterSubmit: function(response, postdata) {
        // 手动触发刷新，确保万无一失
        $("#list").jqGrid('setGridParam', {datatype: 'json'}).trigger('reloadGrid', [{fromServer: true}]);
        return [true, ""];
    }
},
// 新增选项
{
    closeAfterAdd: true,
    afterSubmit: function(response, postdata) {
        // 新增后回到第一页，避免新增数据在后面的分页看不到
        $("#list").jqGrid('setGridParam', {datatype: 'json'}).trigger('reloadGrid', [{fromServer: true, page: 1}]);
        return [true, ""];
    }
});

注意：如果之前设置了loadonce: true，刷新前需要把datatype改回json，否则jqGrid会从本地缓存拉数据，不会请求服务器。

3. 点击编辑按钮打开表单，提交按钮显示“Add”而非“Edit” #

这是因为编辑表单的按钮文本没有被正确设置，或者jqGrid没有正确识别当前是编辑模式。你可以在navGrid的编辑选项里明确指定提交按钮的文本：

$("#list").jqGrid('navGrid', '#pager', {},
// 编辑选项
{
    submittext: "Edit", // 强制设置编辑表单的提交按钮文本
    caption: "Edit Record", // 可选：设置表单标题，区分新增/编辑
    closeAfterEdit: true
},
// 新增选项
{
    submittext: "Add",
    caption: "Add New Record",
    closeAfterAdd: true
});

另外检查一下是否存在重复调用navGrid的情况，重复调用可能会覆盖之前的配置，导致按钮文本错乱。

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