React Ag-Grid中Set Filter更新rowData时重置的问题咨询

方案1：配置Set Filter的refreshStrategy为minimal #

这是最直接的根源解决方案。默认情况下，Set Filter的refreshStrategy为full，每次rowData更新都会完全重置过滤器（清空选中项、触发onFilterModelChanged）。将其改为minimal后，过滤器仅更新选项列表，保留用户之前选中的过滤条件，不会生成空白过滤模型也不会触发无效事件。

在列定义中添加配置：

const columnDefs = [
  {
    field: 'targetField',
    filter: 'agSetColumnFilter',
    filterParams: {
      refreshStrategy: 'minimal' // 核心配置项
    }
  }
];

方案2：通过状态标记区分rowData更新触发的事件 #

如果需要完全更新Set Filter选项但不想保存空白模型，可以通过标记跳过无效的后端提交：

1. 在组件内维护状态变量标记是否正在更新rowData：

const [isUpdatingRowData, setIsUpdatingRowData] = useState(false);

2. 更新rowData前设置标记，待grid完成数据更新后重置标记：

const updateRowData = (newData) => {
  setIsUpdatingRowData(true);
  setRowData(newData);
};

const onRowDataChanged = () => {
  setIsUpdatingRowData(false);
};

3. 在onFilterModelChanged中判断标记，跳过无效提交：

const onFilterModelChanged = (event) => {
  if (isUpdatingRowData) return;
  
  // 正常执行过滤模型持久化到后端的逻辑
  persistFilterModel(event.filterModel);
};

方案3：手动保存并恢复过滤模型 #

如果前两种方案不适用，可以在更新rowData前后手动维护过滤状态：

const updateRowDataWithFilterPreserve = (newData) => {
  // 保存当前过滤模型
  const currentFilterModel = gridApi.getFilterModel();
  // 更新rowData
  setRowData(newData);
  // 等待grid渲染完成后恢复过滤模型
  gridApi.addEventListener('rowDataChanged', () => {
    gridApi.setFilterModel(currentFilterModel);
    gridApi.removeEventListener('rowDataChanged', arguments.callee);
  });
};

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