Ag grid Ag grid如何在导航键按下时停止/结束编辑?
正如ag grid文档所示: 向下导航键:编辑将停止,接受更改,编辑将移动到导航键方向的下一个单元格 因此,当我按下其中一个导航键时,我观察网格停止编辑,接受更改并移动到我按下的方向的下一个单元格。但事实并非如此 我尝试通过收听事件解决此问题,因此我使用cellKeyDown事件:Ag grid Ag grid如何在导航键按下时停止/结束编辑?,ag-grid,nuxt.js,Ag Grid,Nuxt.js,正如ag grid文档所示: 向下导航键:编辑将停止,接受更改,编辑将移动到导航键方向的下一个单元格 因此,当我按下其中一个导航键时,我观察网格停止编辑,接受更改并移动到我按下的方向的下一个单元格。但事实并非如此 我尝试通过收听事件解决此问题,因此我使用cellKeyDown事件: <ag-grid-vue style="width: 500px; height: 500px;" class="ag-theme-balham" :colum
<ag-grid-vue
style="width: 500px; height: 500px;"
class="ag-theme-balham"
:columnDefs="columnDefs"
:rowData="rowData"
@gridReady="onGridReady"
@cellKeyDown="debug"
@cellEditingStopped="$emit('registro_modificado', $event)"
:defaultColDef="defaultColDef"
:navigateToNextCell="navigateToNextCell"></ag-grid-vue>
到目前为止,此.gridOptions.stopEditing()已成功停止编辑。但导航到导航键按下方向的下一个单元格,这是我现在无法理解的。stopEditing()行下方注释的所有方法和指令都未能按导航键按下的方向完成导航,说明文档中没有说明(或不再说明)当按下导航键(如向上或向下箭头)时,编辑将停止。我也有同样的问题,当在
onCellKeyPress
中编辑单元格时,我无法捕获这些按键。该文档没有说明(或不再说明)当按下导航键(如向上或向下箭头)时,编辑将停止。我也有同样的问题,当单元格在onCellKeyPress
中编辑时,我无法捕获这些按键。
debug(event){
console.log(event)
if (event.event.key == 'ArrowUp' || event.event.key == 'ArrowDown'|| event.event.key == 'ArrowLeft' || event.event.key == 'ArrowRight'){
// @ts-ignore
this.gridOptions.stopEditing()
// this.navigateToNextCell(this.parametrosKeyNav)
// @ts-ignore
// this.gridOptions.navigateToNextCell()
// this.gridOptions.tabToNextCell()
// this.gridOptions.startEditingCell()
}
}