Как выделить первую строку по умолчанию в компоненте AgGrid?

246
04 августа 2017, 02:25

Я делаю проект 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; 

} }

Как в данном компоненте реализовать выделение первой строки таблицы по умолчанию, чтобы в дальнейшем пользователь смог навигацию и выбор позиции сделать только клавиатурой? Заказчику необходима навигация клавиатурой. Нужна идея. Спасибо за помощь.

READ ALSO
Как клонировать блок но с другим ID

Как клонировать блок но с другим ID

Можно сделать так, как на оффсайте

199
Передать объект из JS в PHP (AJAX)

Передать объект из JS в PHP (AJAX)

Здравствуйте умные люди, подскажите пожалуйста с решением такой задачиЕсть у меня такой ассоциативный массив, например

397
Не получается добавить SESSION/COOKIE на сайт

Не получается добавить SESSION/COOKIE на сайт

Перепробовал кучу разной ерунды, но ни в какую не удаётся привязать кукисы или сессию к форме авторизациипритом моя авторизация довольна...

212
Запись введенных данных в MySQL

Запись введенных данных в MySQL

ЗдравствуйтеУ меня есть таблица с товарами (test)

260