Question

随着农业网格文档的发展，像这样：

https://www.ag-grid.com/javascript-grid-cell-editing/#stop-end-editing

向下导航键：编辑将停止，接受更改，并且编辑将沿导航键的方向移至下一个单元格。

因此，当我按其中一个导航键时，我会指示网格停止编辑，接受更改并按方向移动到下一个单元格。但这没有发生。

我试图解决这种监听事件的方法，所以我对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>

因此，监听cellKeyDown事件是由'debug'方法处理的

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

到目前为止，this.gridOptions.stopEditing（）已成功停止编辑。但是，按导航键的方向导航到下一个单元格是我目前无法确定的事情。在stopEditing（）行下面注释的所有方法和指令均无法按导航键的方向完成导航

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

0 个答案: