AG-GRID forEachNode调用setSelected仅对有限缓冲行生效问题咨询

问题根因 #

这是AG Grid默认的行虚拟化和选区存储机制共同导致的：

• AG Grid默认开启行虚拟化，仅会创建可视区域+rowBuffer配置数量（默认20行）的行DOM节点，其余行不会生成对应的DOM元素。
• 默认配置下AG Grid的选区状态仅会同步给已渲染的行，未渲染行的setSelected调用会被忽略，不会写入全局的选区状态存储中。
• 你在console.log中看到全量行数据是浏览器控制台的延迟求值特性导致的：打印时仅输出对象引用，你手动展开查看时AG Grid可能已经完成了后续的行状态更新，和你执行setSelected时的上下文并不一致。

解决方案 #

直接调用AG Grid官方封装的全量选区操作API即可，会自动同步所有行的选区状态，无需自行遍历节点：

// 全量取消所有行的选中状态
this.gridApi.deselectAll();

如果确实有遍历所有行批量修改选区的需求，可以在Grid配置中开启选区持久化，让非渲染行的状态修改也能被存储：

const gridOptions = {
  rowSelection: 'multiple',
  selectionOptions: {
    persistSelection: true // 开启后非渲染行的选区状态也会持久存储
  },
  // 其余配置保持不变
}

配置生效后你原来的遍历调用代码也可以正常作用于所有行。

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