ag Grid возможность предварительно установить флажок на основе данных - PullRequest
0 голосов
/ 13 июля 2020

Согласно требованию, мы получим значения из api, и эти строки должны быть предварительно выбраны при загрузке Ag Grid.

this.columnDefs = [
      {
        headerName: 'Option Code',
        field: 'Option',
        maxWidth: 125,
        checkboxSelection: true,
      }
];

this.addOption = ["000005","000010","000026"]; // External data 

Готовность к сети:

onGridReady(params) { 
    this.gridApi = params.api; 
    this.gridColumnApi = params.columnApi; 
    this.gridApi.getRenderedNodes().forEach(function (node:any) {
        node.setSelected(this.addOption.includes(
            node.data.Option.toString()
        )); 
     }); 
}

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

selectAllAmerican(val) { 
    this.gridApi.getRenderedNodes().forEach(function (node:any) {
        node.setSelected(val.includes(node.data.Option.toString()));
    }); 
} 

Приведенный выше код работает когда мы использовали кнопку Get. Пожалуйста, просмотрите и направьте нас.

1 Ответ

0 голосов
/ 14 июля 2020

В соответствии с требованием мы будем получать значения из api, и эти строки должны быть предварительно выбраны при загрузке Ag Grid и при выборе пользователем / Un Установите флажок, чтобы выполнить задачу. Определение столбца this.columnDefs = [{headerName: 'Option Code', field: 'Option', maxWidth: 125, checkboxSelection: true,}];

Определение сетки:

  <ag-grid-angular
  #agGrid
  style="width: 375px; height: 100%; display: inline-block;"
  *ngIf="Flag12"
  id="myGrid"
  class="userclass"
  [enableBrowserTooltips]="true"
  [columnDefs]="columnDefs"
  [defaultColDef]="defaultColDef"
  [suppressRowClickSelection]="true"
  [rowSelection]="rowSelection"
  [rowDeselection]="true"
  [rowData]="rowData"

(rowSelected) = «onRowSelected ($ event)»

  (gridReady)="onGridReady($event)"
  >

this.addOption = [«000005», «000010», «000026»]; // Внешние данные

Два вопроса: 1. Как предварительно установить флажок на основе внешней переменной this.addOption. 2. rowSelected: в случае pr-select (когда мы включаем флажок из logi c), rowSelected должен отключаться, а когда пользователь выбирает / снимает флажок rowSelected (необходимо выполнить некоторые logi c) из-за logi c он может активировать другой флажок на сервере. Поэтому он должен работать, когда пользователь выбирает и отменяет выбор.

Пожалуйста, помогите мне.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...