AG Grid 中未设置多个复选框答案

【问题标题】：Multiple checkboxes not being set in AG GridAG Grid 中未设置多个复选框
【发布时间】：2019-07-16 21:57:38
【问题描述】：

我的行上有复选框，我试图选择多个。当我单击一个时，它检查正常。如果我单击复选框选中的另一行上的复选框，但我所在的那个被取消选中。

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）。但是，只有一个复选框有效。

根据文档，这似乎是您设置它的方式 - 但由于某种原因，它对我不起作用。有人有什么想法吗？

【问题讨论】：

标签： javascript angularjs ag-grid

【解决方案1】：

将行选择设置为变量并将变量设置为“多个”

[rowSelection]="rowSelection"

在组件内部

this.rowSelection = "multiple";

或者您可以删除包裹在行选择周围的 [ ]

rowSelection="multiple"

因为 multiple 是一个字符串而不是一个变量

【讨论】：

原来如此……组件内部的multiple设置。谢谢！