Question

我想计算所选行的数量，但似乎在我实际点击的行被选中之前发生了onRowClicked或onRowSelected。

如何在选择行时计算行数？我认为这是要走的路。

this.gridOptions.onRowSelected = function (params) {
    console.log(this.gridOptions.api.getSelectedRows().length) 
    // Prints one less then the number of rows that is selected.
}

Answer 1

在React（与ES6）项目中，我使用它：

onSelectionChanged = debounce((e) => {
    this.setState({
        selectedRows: this.api.getSelectedRows(),
    });
}, 1)

（this.api是https://www.ag-grid.com/javascript-grid-api/?framework=all#gsc.tab=0）

如果同时选择了多行，我会使用Lodash's debounce来解决性能问题。（虽然经过一些快速测试后，看起来像这样在某些时候已经在ag-grid中修复了。）

最简单的版本可能看起来像（未经测试）：

this.gridOptions.onSelectionChanged = function () {
    console.log(this.gridOptions.api.getSelectedRows().length);
}

计算ag-grid中所选行的数量

1 个答案: