如何在＃ag-grid中为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进行验证，这是网格上的直接属性。