angular - 如果我在复选框上使用事件 selectionChanged 如何获取行数据

Question

我在自己的应用程序上使用 ag-grid。我使用选项 checkboxSelection: true。当我点击复选框事件 selectionChanged 不包含行的表单数据。如何获取此数据？

代码

<ag-grid-common #agGridComponent 
    [gridName]="gridName" 
    [rowData]="supersessionParts" 
    [columnDefinitions]="columnDefs"
    [nodeChildDetails]="getNodeChildDetails" 
    (selectionChanged)="selectionChanged($event)">
</ag-grid-common>

设置复选框的代码

{
      headerName: 'Cart',
      lexid: 4456,
      colId: 'selectColumnAdvanced',
      field: 'group',
      checkboxSelection: true,
      suppressResize: true,
      suppressMovable: true,
      suppressSorting: true,
      minWidth: 30,
      width: 35,
      headerComponentFramework: <{new(): CartHeaderComponent}>CartHeaderComponent
}

Answer 1

(selectionChanged) 回调具有类型为 SelectionChangedEvent 的参数，其中包含网格 api。从 api 中，您可以获得选定的行。所以你的 selectionChanged 应该是这样的:

onSelectionChanged(event: SelectionChangedEvent) {
    console.log(event.api.getSelectedRows());
}

这是 ag-grid 文档中指定的方法(请参阅 here)。