如何为农业网格行编辑实施验证规则

Question

我目前拥有带有内联编辑功能的html表，该表使用普通的Angular Reactive Forms，包括许多验证规则：

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。...

Answer 1

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

首先：通过ValueSetter函数

和

第二：通过自定义cellEditor组件

Example one

Example two

Async validation

Extended validation