【问题标题】:Prevent "submit" of inline edit AG-Grid防止“提交”内联编辑 AG-Grid
【发布时间】:2018-07-06 20:17:16
【问题描述】:

我正在使用 Ag-Grid (v 17.0) 处理内联可编辑表,问题是每当我完成行的编辑并按 Enter 键时,更改是“已提交”,我想要的行为必须让用户处于“编辑模式”,直到对后端的请求检索到成功响应。

我一遍又一遍地查看 Ag-grid 文档,玩了很多不同的事件(cellValueChanged、rowValueChanged、editingStopped 等),但无济于事。

我想保留 ag-grid 代码如果可能,这意味着我不想分叉他们的代码并在他们的组件中更改它。

【问题讨论】:

    标签: angular typescript ag-grid


    【解决方案1】:

    以防万一有人来这里寻找答案。我设法做我想做的事情,而不是禁用“提交”,而是检查onRowChanged()事件的输入,然后如果存在任何错误,请将焦点设置为有问题的单元格。 gridApi.setFocusedCell( cellIdentifier ).

    这种情况发生得如此之快,以至于用户无法区分两种情况。

    【讨论】:

      【解决方案2】:

      我不知道图书馆,但它来自以下任何一个:

      • 你用一个表单包围了你的输入
      • enter 键击绑定到输入。

      第一种情况,删除表格。

      第二种情况,在你的输入上用这个覆盖回车键:

      <input type="text" (keyup.enter)="null">
      

      【讨论】:

      • 所有输入/表单逻辑都在 ag-grid 中抽象出来,我尝试停止 (keydown.enter) 的传播,但一点运气都没有
      猜你喜欢
      • 2020-03-29
      • 2018-06-27
      • 2019-09-12
      • 1970-01-01
      • 2019-08-18
      • 2019-10-26
      • 2018-08-22
      • 1970-01-01
      • 2021-05-19
      相关资源
      最近更新 更多