如果我使用事件选择框,如何获取行数据

时间:2019-06-12 12:23:12

标签: angular ag-grid

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

1 个答案:

答案 0 :(得分:0)

(selectionChanged)回调具有类型SelectionChangedEvent的参数,其中包含网格API。从api中,您可以获得选定的行。因此,您的selectionChanged应该如下所示:

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

这是按照ag-grid文档中的说明进行操作的方式(请参见here)。