AG Grid：重复两次取消编辑后行无法进入编辑状态

问题诊断 #

结合代码和复现步骤，问题根源集中在两点：

1. 列配置的字段绑定异常：日期列未设置field属性，仅通过valueGetter/valueSetter绑定数据，导致AG Grid无法正确跟踪该行的编辑状态，多次取消编辑后出现状态残留。
2. 整行编辑模式与焦点触发停止编辑的冲突：fullRow编辑模式下，焦点丢失触发停止编辑时，AG Grid内部的编辑状态未完全重置，重复操作后锁定了编辑权限。

修复步骤 #

1. 修正列配置的field属性 #

将日期列的field设置为对应数据源字段startDate，让AG Grid直接绑定数据，减少自定义逻辑带来的状态异常：

columnDefs: ColDef[] = [
  // 复选框列保持不变
  {
    headerName: this.translateService.translate("proposalDetails-eventDetails-columnHeader-startDate", "Start Date"),
    editable: true,
    field: 'startDate', // 补充正确的field绑定
    cellEditor: GridDateCellEditorComponent,
    // 保留无效日期处理的valueSetter逻辑
    valueSetter: params => {
      if (params.newValue == "Invalid date")
        params.newValue = "";
      params.data.startDate = params.newValue;
      return true;
    }
  }
];

2. 强制重置编辑状态 #

在gridOptions中添加onCellEditingStopped事件，确保每次停止编辑时强制清除AG Grid内部的编辑状态：

gridOptions: GridOptions = {
  // 原有配置保持不变
  onCellEditingStopped: (params) => {
    // 强制停止所有编辑操作，避免状态残留
    params.api.stopEditing({ ignoreNavigateAfterEdit: true });
  }
};

3. 检查自定义编辑器的状态重置 #

如果GridDateCellEditorComponent是自定义组件，需确保实现以下逻辑：

• 在agInit初始化方法中清空临时编辑值
• 在组件销毁或失去焦点时重置内部状态，避免残留值影响下一次编辑

验证方法 #

按照原复现步骤测试：

1. 双击行进入编辑→点击外部取消
2. 重复操作一次
3. 第三次双击，确认行能正常进入编辑状态

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