ag-grid-react Reactjs中的行单击事件的名称是什么？

Question

如果用户单击或选择 ag-grid 中的一行，那么我想触发单击事件。我搜索了医生但没有运气。

Answer 1

分别称为onRowClicked和onRowSelected。onRowClicked即使您禁用行选择，当您单击一行时也会被调用。onRowSelected另一方面，仅在选择一行时触发

<AgGridReact
  columnDefs={columnDefs}
  onRowSelected={(e) => console.log("row selected", e.rowIndex)}
  onRowClicked={(e) => console.log("row clicked", e.rowIndex)}
  rowSelection="multiple"
  rowData={rowData}
/>

另一种方法是使用捕获所有 ag-grid 事件GridApi.addGlobalListener()并过滤掉您不感兴趣的事件。

const onGridReady = (params: GridReadyEvent) => {
  params.api.addGlobalListener((type: string, e) => {
    if (type === "rowClicked" || type === "rowSelected") {
      console.log(type, "from global event handler");
    }
  });
};

现场演示