ag-grid react 如何使用复选框处理数据

Question

我想在单击复选框时获取数据

我试过使用 onCellClicked 我在单击行时收到 function onCellClick 上的数据

但是当我点击复选框时什么都没有

我应该使用哪些道具？

export const DataTable = ():JSX.Element=> {
  ...
   const header = [
    {
     headerName: 'Select',
     field: 'selectBox',
     headerCheckboxSelection: true,
     headerCheckboxSelectionFilteredOnly: true,
     checkboxSelection: true
   },
   {
    headerName: name,
    field: 'name',
    sortable: true,
    filter: true
   }

   const onCellClick = (e: CellClickedEvent) => {
     const data = e.data
   }

   return (
     <AgGridReact
      columnDefs={header}
      onGridReady={onGridReady}
      rowData={data}
      rowSelection="mutiple"
      animateRows={true}
      suppressRowClickSelection={true}
      rowMultiSelectWithClick={true}
      onCellClicked={onCellClick}
    />
   )
}

Answer 1

使用onRowSelected而不是onCellClicked 。

根据文档： https://www.ag-grid.com/react-grid/grid-events/#reference-selection

rowSelected 行被选中或取消选中。