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

Question

我目前有一个带有内联编辑的 html 表，它使用普通的 Angular Reactive Forms，包括很多验证规则：

\n\n

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

\n\n

有没有关于如何将 ag-grid 与 Angular 验证集成的示例？要求是，我需要突出显示无效的单元格值。我不一定需要使用 FormGroup\xe2\x80\xa6

\n\n

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

\n

Answer 1

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

第一：viaValueSetter函数

和

第二种：通过自定义cellEditor组件

Example one

Example two

Async validation

Extended validation