添加新行数据时停止跳转到 AG-Grid 中的下一行

Question

我有一个 AG 网格（在我的 Angular 6 应用程序中），我想执行以下操作：

• 有一个按钮可以在网格顶部添加一个新的空行
• 立即将新行置于单元格编辑模式（使用 editMode="fullRow"）
• 允许用户将值填入行的各个列
• 行完成后（例如，当下一个选项卡跳转到下一行时），我希望能够获取值，验证它们，如果有效，将它们添加到我的数据集合中

我可以执行步骤 1-3（添加一个新的空行，立即开始编辑，用户输入数据）就好了 - 但我似乎找不到任何方法来 停止 最后一个单元格上的选项卡只是跳转到下一行的第一列。我需要能够以某种方式 防止 离开第一行的制表符 - 最后一个单元格上的制表符应该触发一些事件来验证用户输入的行数据，或者保存该数据（如果有效），或显示错误并突出显示有问题的单元格而不离开新添加的行。

我该怎么做？有什么想法吗？

Answer 1

您或许可以通过提供自定义 tabToNextCell 回调来完成最后一步：

https://www.ag-grid.com/javascript-grid-keyboard-navigation/#tabtonextcell

该页面上有一些示例代码，在 "Example Custom Navigation" 演示中（该演示的 Angular/React 版本表面上有问题，请检查 JavaScript 版本）。