当在 react-data-grid 中选中“全选”复选框时,我想编写一些自定义逻辑。那么当用户点击它时,我如何获得“全选”复选框的句柄呢?
这是一些 react-data-grid 示例的链接http://adazzle.github.io/react-data-grid/#/和 repo 的链接 https://github.com/adazzle/react-数据网格
在我的渲染()中,我定义了如下所示的 react-data-grid。
呈现时的表格看起来像这个反应数据网格演示
let dataGrid = <ReactDataGrid
ref={node => this.grid = node}
onGridSort={this.handleGridSort}
enableCellSelect={true}
columns={this._columns}
rowGetter={this.rowGetter}
rowsCount={this.getSize()}
minWidth={this.state.width}
minHeight={this.state.height}
rowKey="id"
rowHeight={90}
headerRowHeight={35}
rowSelection={{
showCheckbox: true,
enableShiftSelect: true,
onRowsSelected: this.onRowsSelected,
onRowsDeselected: this.onRowsDeselected,
selectBy: {
indexes: this.state.selectedIndexes
}
}
}
emptyRowsView={EmptyRowsView}
>
</ReactDataGrid>;