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

How to implement validation rules for ag-grid row edit

我目前有 html table 内联编辑,使用普通 Angular 响应式表单,包括很多验证规则:

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…

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

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

首先:通过ValueSetter函数

第二:通过自定义 cellEditor 组件

Example one

Example two

Async validation

Extended validation