Как сфокусироваться на компоненте AG-Grid, чтобы использовать клавиатуру - PullRequest
Новая
       66

Как сфокусироваться на компоненте AG-Grid, чтобы использовать клавиатуру

1 голос
/ 08 мая 2019

Клавиатура для Ag-Grid не работает, если я фокусируюсь на элементе, отличном от Ag-Grid Row.

Чтобы решить эту проблему, мне нужно перефокусироваться обратно на элемент строки Ag-Grid после нажатия кнопки.

Я попробовал следующий подход, чтобы сфокусировать строку ag-grid, но все еще не работает 

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

Я должен иметь возможность вернуться к AG-Grid после нажатия кнопки, чтобы использовать навигацию клавиатуры в Ag-Grid

1 Ответ

0 голосов
/ 09 мая 2019

Вы можете сфокусировать ячейку, используя setFocusedCell() api ag-grid. 

// 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- навигации /

...