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

Posted 2023-03-28

【中文标题】如何为 ag-grid 行编辑实现验证规则

【英文标题】：How to implement validation rules for ag-grid row edit

【发布时间】：2019-08-16 21:53:21

【问题描述】：

我目前有一个带有内联编辑的 html 表格，它使用普通的 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....

【问题讨论】：

AG Grid: Better way for validation row - valueSetter?的可能重复

【参考方案1】：

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

首先：通过ValueSetter函数

和

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

Example one

Example two

Async validation

Extended validation