В AG Grid не установлены несколько флажков

Question

У меня есть флажки в моих строках, и я пытаюсь выбрать более одного.Когда я нажимаю один, он проверяет нормально.Если я установлю флажок в другой строке, этот флажок будет установлен, но тот, который был у меня, отменен.

HTML:

<div>
  <ag-grid-angular
    #dataVisGrid
    style="width: 1000px; height: 500px;"
    class="ag-theme-balham"
    [rowData]="rowData"
    [columnDefs]="columnDefs"
    [rowSelection]="multiple"
    [rowMultiSelectWithClick]="true"
    [enableRangeSelection]="true"
    (rowClicked)="onRowSelect($event)">

  </ag-grid-angular>
</div>

data-vis-component.js

columnDefs = [
  {headerName: 'Data Source', field: 'dataSource', sortable: true, filter: true, checkboxSelection: true},
  {headerName: 'Value', field: 'value', sortable: true, filter: true},
  {headerName: 'State', field" 'state', sortable: true, filter: true}
];

onRowSelect(event) {
  console.log("onRowSelect:"+JSON.stringify(event));
}

Если щелкнуть по строке, удерживая нажатой клавишу Ctrl, можно выделить несколько строк (из-за enableRangeSelection).Однако работает только один флажок.

Судя по документации, похоже, вы настроили ее, но по какой-то причине она не работает для меня.У кого-нибудь есть мысли?

Answer 1

Установите выбор строки в переменную и установите переменную в «несколько»

[rowSelection]="rowSelection"

и внутри компонента

this.rowSelection = "multiple";

Или вы можете удалить [], обернутый вокруг выбора строки

rowSelection="multiple"

как кратное число является строкой, а не переменной