Angular网格网格:如何防止在编辑行之外单击并将焦点移至Tab键按下到另一行

时间:2020-06-10 08:54:14

标签: javascript angular ag-grid ag-grid-angular

我创建了一个网格,其中包含一些可编辑的列。我只想通过按钮来管理版本。为此,我创建了自定义渲染器组件,该按钮EDIT并在用户单击时使行可编辑,并显示按钮SAVECANCEL

网格选项:

gridOptions: GridOptions = {
rowData: countries,
editType: 'fullRow',
suppressClickEdit: true,
stopEditingWhenGridLosesFocus: false,
suppressCellSelection: true,
suppressRowClickSelection: true

}

我做了很多抑制,因为我想禁用任何可能关闭该行版本的事件。问题是..它不起作用。

我为您准备了示例:https://stackblitz.com/edit/ag-grid-template-renderer-example-z3nzqe

当您单击“编辑”,然后在行外单击时,版本已结束,并且“保存”和“取消”按钮保持不变。单击这些按钮应该是停止编辑该行的唯一方法。

另一件事。当我单击“版本”时,我将首先关注单元格。我想使用TAB键移动到下一个可编辑单元格。不必要的行为是移动到另一行-我只想在所选行的单元格之间“跳转”。

有人可以帮我吗?

0 个答案:

没有答案