【问题标题】:Stop tabbing to next row in AG-Grid when adding a new row of data添加新数据行时停止跳到 AG-Grid 中的下一行
【发布时间】:2019-03-06 08:05:05
【问题描述】:

我有一个 AG 网格(在我的 Angular 6 应用程序中),我想执行以下操作:

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

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

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

【问题讨论】:

    标签: typescript angular6 ag-grid


    【解决方案1】:

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

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

    该页面上有一些示例代码,在“示例自定义导航”演示中(该演示的 Angular/React 版本表面上被破坏了,请检查 JavaScript 版本)。

    【讨论】:

      猜你喜欢
      • 2021-11-15
      • 2023-03-13
      • 2022-10-14
      • 2022-12-01
      • 2021-11-19
      • 2016-03-13
      • 1970-01-01
      • 2016-11-25
      • 2019-03-13
      相关资源
      最近更新 更多