Verwenden Sie die Eingabetaste, um zu der Zelle unten im AG-Grid zu navigieren

Question

Wir müssen die Zellennavigation in AG-Grid bearbeiten, aber ich finde keine Möglichkeit zu tun, was wir brauchen. Dies ist keine große Veränderung, sondern eine entscheidende Veränderung für unsere Nutzer. Die Navigationsregeln, die wir benötigen, sind vergleichbar mit der Google Tabellenkalkulation.

Die folgenden Regeln gelten sollten:

• Drücken eingeben wird die Zelle den Fokus (ist default)
• Drücken eingeben wieder stoppen Bearbeitung + Fokus auf Zelle bewegen unten
• shift + geben sollte aufhören bearbeiten + Fokus verschieben Zell oben
• Pfeiltasten und Tab usw. sollten wie normale Arbeit

Wir AngularJS verwenden.

Answer 1

Wir haben am AG-Grid-Forum gefragt. Es gab keinen einfachen oder sauberen Weg, dies zu tun. Im Grunde genommen fügen Sie dem Raster, das auf Enter wartet, ein Ereignis hinzu und drücken dann den Fokus manuell um eine Zeile nach unten.

Sie müssen wissen, ob der Benutzer gerade bearbeitet, wenn das 'Enter'-Ereignis ausgelöst wird und auch, ob der Benutzer in der letzten Zeile ist.

Das Bearbeitungs-Flag wird manuell in den Rasteroptionen verwaltet.

var editing = false; 

var gridOptions = { 
    columnDefs: columnDefs, 
    rowData: students, 
    onCellEditingStarted: function (evt) { 
     editing = true; 
    }, 
    onCellEditingStopped: function (evt) { 
     editing = false; 
    } 
}; 

ist hier ein Arbeits Plunker Beispiel:
https://plnkr.co/edit/quhyS05SSVzmuDlCErZD?p=preview