如何在jqGrid排序/未排序状态下都正确获取目标行rowId

问题核心原因 #

你当前的实现存在两个必然导致匹配错误的问题：

• 代码本身存在索引笔误：匹配valueC、valueD的逻辑都错误读取了cells[1]的属性，正常应该对应第3、第4列的cells[2]、cells[3]，排序触发DOM重绘时，这个笔误会导致匹配逻辑完全失效。
• 依赖DOM状态取rowId的逻辑本身不可靠：jqGrid的排序、筛选、分页、行折叠展开操作都会触发表格DOM全量重绘，重绘过程中节点顺序、临时属性状态都可能和最终渲染结果不一致，基于中间状态DOM做匹配必然出现错位。

稳定实现方案 #

不要依赖DOM做匹配，直接读取jqGrid内部维护的数据源缓存，这个缓存不受任何前端渲染操作影响，排序前后、重绘前后数据和rowId的映射关系始终稳定。

方案1：遍历内置数据源匹配目标行（适配所有场景）

jqGrid加载过的所有行数据都会存在内部缓存中，直接遍历缓存匹配业务字段即可，完全绕开DOM逻辑：

// 读取jqGrid缓存的全量行数据，不受排序/分页/筛选重绘影响
const gridCacheData = $('#list').jqGrid('getGridParam', 'data');
let targetRowId = null;

// 替换下面的colA/colB/colC/colD为你colModel中定义的4个列对应的name字段值
for (let i = 0; i < gridCacheData.length; i++) {
  const currentRow = gridCacheData[i];
  if (
    currentRow.colA.trim() === valueA
    && currentRow.colB.trim() === valueB
    && currentRow.colC.trim() === valueC
    && currentRow.colD.trim() === valueD
  ) {
    // 读取行内置的稳定rowId，该值不会随排序/重绘改变
    const keyName = $('#list').jqGrid('getGridParam', 'keyName');
    targetRowId = currentRow[keyName];
    break;
  }
}

// 拿到正确rowId后再执行更新操作
if (targetRowId) {
  const rowData = $('#list').jqGrid('getRowData', targetRowId);
  $('#list').jqGrid('setRowData', targetRowId, rowData);
  // 注意：本地模式下不需要手动触发reloadGrid，setRowData会自动更新行渲染，reloadGrid反而会冲掉未持久化的修改
}

方案2：初始化时自定义rowId（性能最优，推荐长期使用）

如果你的4个列组合本身就是业务唯一键，可以在jqGrid初始化阶段就把组合值设为行主键，从根源上避免事后遍历查找的成本：

$('#list').jqGrid({
  // 其余初始化配置保持不变
  keyName: 'bizUniqueKey',
  // 数据渲染前提前生成主键
  beforeProcessing: function(serverResp) {
    serverResp.rows = serverResp.rows.map(rowItem => {
      // 用4个业务字段拼接成唯一rowId
      rowItem.bizUniqueKey = `${rowItem.colA}_${rowItem.colB}_${rowItem.colC}_${rowItem.colD}`;
      return rowItem;
    });
  }
});

配置完成后，你需要更新行时，直接把4个值按相同规则拼接就是目标rowId，不需要任何遍历查找，无论怎么排序、筛选都不会出现匹配错误。

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