如何在#ag-grid for React 中执行单元格验证

Posted 2023-03-28

【中文标题】如何在#ag-grid for React 中执行单元格验证

【英文标题】：How to perform cell validation in #ag-grid for React

【发布时间】：2019-06-26 05:32:06

【问题描述】：

我已经开始在我的 react 项目中使用 ag-grid，但无法找到任何用于执行内联单元格验证的 API，即，每当用户编辑特定单元格时，都需要执行必填字段和模式验证。如果出现任何验证错误，应突出显示相应的可编辑字段并显示错误消息。

我使用了以下单元格事件来实现上述目的，但它们都没有为我提供所需的结果。

cellEditingStarted

cellEditingStopped

【参考方案1】：

您可能需要考虑在您正在编辑的列的列定义中使用valueParser 选项。这是我过去使用过的示例：

            valueParser: (params: ValueParserParams) => 
                try 
                    let index = users.indexOf(params.newValue);
                    return index > -1 ? index : null;
                 catch (e) 
                    console.error(e);
                    return null;
                
            

就我个人而言，我通常会使用onCellValueChanged 来执行验证，这是直接在网格上的一个属性。