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

将行选择设置为变量，并将变量设置为“ multiple”

[rowSelection]="rowSelection"

以及组件内部

this.rowSelection = "multiple";

或者您可以删除行选择周围的[]。

rowSelection="multiple"

因为倍数是字符串而不是变量

未在AG网格中设置多个复选框

1 个答案: