jqGrid复合键配置异常求助：行选中时高亮多行问题

我之前也踩过jqGrid复合键的坑，这种选中多行的情况，本质是因为jqGrid找不到每行的唯一标识，误把相似键值的行当成了同一行。给你几个实用的解决方案：

• 动态生成唯一行ID（最推荐）
  jqGrid底层完全依赖每行的唯一id来管理行状态，这是解决这类问题的核心。你可以在加载数据时，把三个复合键字段拼接成一个唯一字符串作为每行的id：

  // 处理本地数据源的例子
  yourDataSource.forEach(row => {
    // 用分隔符拼接三个键字段，避免字段值本身包含特殊字符导致冲突
    row.id = `${row.keyField1}_${row.keyField2}_${row.keyField3}`;
  });
  

  如果是远程加载数据，也可以通过jsonReader的自定义函数来生成ID：

  jsonReader: {
    id: function(rowData) {
      return `${rowData.keyField1}_${rowData.keyField2}_${rowData.keyField3}`;
    }
  }
  

  这样每行都有了唯一标识，选中行时就不会出现高亮错误了。

• 添加隐藏的虚拟主键字段
  如果你不想修改原始数据源，可以在colModel里新增一个隐藏字段，把它设为key: true，再通过格式化函数生成复合键的拼接值：

  colModel: [
    { 
      name: 'compositeKey', 
      key: true, 
      hidden: true, 
      formatter: (_, __, row) => `${row.keyField1}_${row.keyField2}_${row.keyField3}`
    },
    // 你的三个复合键字段，保持editable: true
    { name: 'keyField1', editable: true },
    { name: 'keyField2', editable: true },
    { name: 'keyField3', editable: true },
    // 其他业务字段...
  ]
  

  这个隐藏字段会被jqGrid当作主键，确保每行的唯一性。

需要注意的是，jqGrid本身并没有专门的“复合键”配置属性，官方文档说只能设置一个key: true字段，本质就是要求每行有唯一标识。你之前没设置key属性，jqGrid会自动尝试用第一列的值作为行ID，如果多个行的第一列值相同，就会出现选中多行的异常。

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