添加新数据行时，停止在AG-Grid中跳至下一行

Question

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

• 有一个按钮可在网格顶部添加一个新的空行
• 立即将新行置于单元格编辑模式（带有editMode =“ fullRow”）
• 允许用户将值填写到行的各个列中
• 该行完成后（例如，当下一个标签页跳到下一行时），我希望能够获取这些值并对其进行验证，如果有效，则将它们添加到我的数据集中

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

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

Answer 1

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

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

该页面上的“示例自定义导航”演示示例中有一些示例代码（该演示的Angular / React版本表面上已损坏，请检查JavaScript版本）。