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

Question

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

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

cellEditingStarted

cellEditingStopped

Answer 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 来执行验证，这是直接在网格上的一个属性。