如何聚焦到AG-Grid行组件以使用键盘导航

Question

如果我专注于 Ag-Grid 行以外的元素，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 和 https://www.ag-grid.com/javascript-grid-keyboard-导航/