时间戳

首页 > 解决方案 > 如果我在复选框上使用事件 selectionChanged 如何获取行数据

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

问题描述

我在自己的应用程序上使用 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
}

标签： angularag-grid

解决方案

(selectionChanged)回调具有SelectionChangedEvent包含网格 api的类型参数。从 api，您可以获取选定的行。所以你selectionChanged应该看起来像：

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

这是 ag-grid 文档中指定的方法（请参阅此处）。

推荐阅读