Я делаю проект Angular 2 + AgGrid + + PrimeNG. Необходимо при заполнении компонента AgGrid данными сделать первую строку выделенной для последующей навигации клавиатурой. Использование метода onGridReady не подходит, так как заполнение таблицы данными происходит позднее инициализации, при получении данных от сервера. Привожу фрагмент view
<p-dialog header="Выбор станции отправления" [(visible)]="outcountry_display" width="400" >
<ag-grid-angular #ag style="width: 350px; height: 150px;" class="ag-blue" focus="true"
[gridOptions]="gridOptions"
[columnDefs]="columnDefs"
[rowData]="rowData"
enableSorting
rowHeight="22"
(cellClicked)="onOutStationRowSelect($event)"
</ag-grid-angular>
</p-dialog>
</div>
Фрагмент компонента.
rowData : any[];
columnDefs: any[];
rowCount: string;
gridOptions: GridOptions = {
columnDefs: [
{headerName: "код", field: "code", width: 100},
{headerName: "наим.", field: "name", width: 200}
],
rowSelection: 'single',
onGridReady : () => {
},
navigateToNextCell : (params: NavigateToNextCellParams) : GridCellDef => {
this.gridOptions.api.forEachNode( function (node) {
if(node.rowIndex == params.nextCellDef.rowIndex) {
node.setSelected(true);
}});
return params.nextCellDef;
} }
Как в данном компоненте реализовать выделение первой строки таблицы по умолчанию, чтобы в дальнейшем пользователь смог навигацию и выбор позиции сделать только клавиатурой? Заказчику необходима навигация клавиатурой. Нужна идея. Спасибо за помощь.
Продвижение своими сайтами как стратегия роста и независимости