我有一个 Ag 网格fullRow
编辑功能。当出现以下情况时,该行进入编辑模式:Edit
单击按钮(使用startEditing()
网格法)。
在编辑模式下,我显示两个按钮,Save
and Cancel
。我找到了抑制键盘事件(Enter、Esc 等)的方法。但我找不到任何方法来阻止网格在单击另一个单元格时退出编辑模式。我希望即使单击网格的另一部分,该行仍处于编辑模式。
我怎样才能实现这个功能?谢谢
N:B:我在 Angular 9 中使用 ag-grid (最新版本)
不幸的是,ag-grid 不支持开箱即用。
不过,我实施了一项解决办法。
基本上,您需要跟踪编辑开始后是否随时单击了“保存”和“取消”。
如果未单击“保存”,则再次显示弹出窗口。
在模板中
(rowEditingStopped)="onRowEditingStopped($event)"
(rowEditingStarted)="onRowEditingStarted($event)"
在组件中
onRowEditingStarted(params) {
isSaveClicked = false;
isCancelClicked = false;
}
onRowEditingStopped(params) {
if (!isSaveClicked || !isCancelClicked ) {
this.gridApi.setFocusedCell(2, 'columnName');
this.gridApi.startEditingCell({
rowIndex: 2,
colKey: 'columnName',
});}
}
更多文档 -https://www.ag-grid.com/javascript-grid-events/#editing https://www.ag-grid.com/javascript-grid-events/#editing
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)