有没有办法捕获AG Grid React上的行复选框更改事件？

Question

我目前在我的一个应用程序中使用 AG Grid for React。我的所有行都有复选框以指示进一步检查。我想捕获复选框选中状态何时发生变化。我可以使用

onRowSelected

事件来实现此目的，但需要注意的是，此事件会针对未选定的行和复选框触发。我需要一些东西来区分实际的复选框值/事件和行选择。

我需要一个事件或属性/函数，仅在选中/取消选中复选框时触发/指定。

Ag-grid React 上可用吗？

Answer 1

好吧，您只想捕获复选框事件选择该行的情况。

如果你深入研究网格事件的事件参数，你可以得到很多细节。我喜欢 Ag-Grid 的这个功能。

onRowSelected 有一个名为

source

的参数。我们可以用它来达到这个目的。

const onRowSelected = useCallback((event) => {
  console.log('onRowSelected event', event);

  if (event.source === 'checkboxSelected')
    window.alert(
      'Node is ' +
        (event.node.isSelected() ? 'selected' : 'deselected') +
        ' by checkbox'
    );
}, []);

给你，我为你准备了一个plunker作为参考：https://plnkr.co/edit/qlZOvGrYmwbszP12?preview

进一步阅读：https://www.ag-grid.com/react-data-grid/grid-events/#reference-selection-rowSelected