如何实现 ag-grid 行编辑的验证规则

Question

我目前有使用普通角度反应式表单的内联编辑的html表格，包括许多验证规则：

var formArray = new FormArray(this.items.map(createItemFormGroup));
createItemFormGroup(item){
   return new FormGroup({
        prop1: new FormControl(item.prop1, [Validators.required, Validators.min(1)])
        prop2:...
   })
}

有没有如何将 ag-grid 与 Angular 验证集成的示例？要求是，我需要突出显示无效的单元格值。我不一定需要使用表单组...

我可能会使用整行编辑，所以一种方法是仅为正在编辑的行创建 FormGroup。

Answer 1

有两种可能的验证处理方法：

第一：通过ValueSetter功能

和

第二：通过定制cellEditor组件

示例一

示例二

异步验证

扩展验证