Question

如果我关注Ag-Grid Row以外的元素，则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-navigation/

如何将焦点集中到AG-Grid行组件以使用键盘导航

1 个答案: