Ag-grid, как я могу остановить / закончить редактирование при нажатии клавиши навигации? - PullRequest
Новая
       33

Ag-grid, как я могу остановить / закончить редактирование при нажатии клавиши навигации?

0 голосов
/ 12 июня 2019

Как документы ag-grid выглядят так:

https://www.ag -grid.com / JavaScript-сетка-клетка-редактирование / # остановка конец редактирования

Клавиша навигации вниз: редактирование остановится, изменения будут приняты, и редактирование перейдет к следующей ячейке в направлении клавиши навигации.

Итак, когда я нажимаю одну из клавиш навигации, я определяю сетку, чтобы остановить редактирование, принимаю изменения и перемещаюсь в следующую ячейку в направлении, которое я нажал. Но этого не происходит.

Я пытался решить эту проблему прослушивания событий, поэтому я сделал с событием 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 (), не смогли выполнить навигацию в направлении нажатия клавиши навигации

...