Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/sorting/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ag grid Ag grid如何在导航键按下时停止/结束编辑?_Ag Grid_Nuxt.js - Fatal编程技术网

Ag grid Ag grid如何在导航键按下时停止/结束编辑?

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文档所示:

向下导航键:编辑将停止,接受更改,编辑将移动到导航键方向的下一个单元格

因此,当我按下其中一个导航键时,我观察网格停止编辑,接受更改并移动到我按下的方向的下一个单元格。但事实并非如此

我尝试通过收听事件解决此问题,因此我使用cellKeyDown事件:

      <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()
    }
  }