我有一个 AG 网格(在我的 Angular 6 应用程序中),我想执行以下操作:
- 有一个按钮可以在网格顶部添加一个新的空行
- 立即将新行置于单元格编辑模式(使用 editMode="fullRow")
- 允许用户在行的各个列中填写值
- 一旦该行完成(例如,当下一个选项卡跳转到下一行时),我希望能够获取值,验证它们,如果有效,将它们添加到我的数据集合中
我可以执行步骤 1-3(添加一个新的空行,立即开始编辑,用户输入数据)就好了 - 但我似乎找不到任何方法来停止标签在最后一个单元格上跳转到下一行的第一列。我需要能够以某种方式防止离开第一行的制表符 - 最后一个单元格上的制表符应该触发一些事件来验证用户输入的行数据,或者保存该数据(如果有效), 或显示错误并突出显示有问题的单元格而不离开新添加的行。
我该怎么做?有什么想法吗?
最佳答案
您可能可以通过提供自定义 tabToNextCell
回调来完成最后一步:
https://www.ag-grid.com/javascript-grid-keyboard-navigation/#tabtonextcell
该页面上的“自定义导航示例”演示中有一些示例代码(该演示的 Angular/React 版本表面上有问题,请检查 JavaScript 版本)。
关于typescript - 添加新行数据时停止跳转到 AG-Grid 中的下一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52587274/