如何专注于AG-Grid行组件以使用键盘导航

Question

如果我专注于Ag-Grid行以外的其他元素，则无法正常工作的键盘导航。

为了解决该问题，我需要在执行按钮时重新聚焦回到Ag-Grid行元素。

。

我已经尝试了以下方法来集中AG-GRID行，但仍无法正常工作

this.elElement.nativeElement.querySelectorAll('.ag-row').attr('tabindex', -1).focus();

执行按钮单击按钮后，我应该能够将重点放在Ag-Grid中，以便使用Ag-Grid

Answer 1

您可以使用Ag-Grid的setFocusedCell() API聚焦单元格。

// scrolls to the first row
gridOptions.api.ensureIndexVisible(0);
// scrolls to the first column
var firstCol = gridOptions.columnApi.getAllDisplayedColumns()[0];
gridOptions.api.ensureColumnVisible(firstCol);
// sets focus into the first grid cell
gridOptions.api.setFocusedCell(0, firstCol);

在此处的文档中阅读更多信息-https：//www.ag-grid.com/javascript-grid-api/#navigation and https://www.ag-grid.com/javascript-grid-keyboild-keyboard-board-navigation/