如何在React Ag-Grid中验证行选择?

时间:2018-11-30 06:08:55

标签: javascript reactjs ag-grid

<div style={containerStyle} className="ag-theme-material">
  <AgGridReact
    columnDefs={this.state.columnDefs}
    rowSelection={this.state.rowSelection}
    onSelectionChanged={this.onSelectionChanged.bind(this)}
    onGridReady={this.onGridReady.bind(this)}
    groupSelectsChildren={true}
    suppressRowClickSelection={true}
    rowData={[{payment_date: 'jan', status: '100'}, {payment_date: 'feb', status: '200'}, {payment_date: 'mar', status: '300'}]}
  >
  </AgGridReact>
</div>

onSelectionChanged() {
  var selectedRows = this.gridApi.getSelectedRows();            
  let paymentsrequest = [];

  selectedRows.forEach(function(selectedRow, index) {
    let paymentslistobject = {
      'payment_date': selectedRow["payment_date"],
      'status': selectedRow["status"]
    };
    paymentsrequest.push(paymentslistobject);
  });

  this.setState({
    paymentsrequest
  });
}

this.state = {
  rowSelection: "multiple",
  columnDefs: [
  {
    headerName: "Amount",
    field: "status",
    width: 250
  },{
    headerName: "Pay",
    field: "",
    checkboxSelection: true,
    width: 100
  },{
    headerName: 'Payment Date',
    field: 'payment_date',
    width: 250
  },
  ],
}

我正在使用react ag-grid组件,我在使用checkboxSelection的列之一中使用checkboxSelection: true

我对所有行都有复选框,但是只有选中了第一行之后,他才能够检查第二行,直到我们禁用该复选框,直到他选中第一个复选框为止。

如何像我使用columDefs一样在checkboxSelection: true中进行验证,如何验证。

我检查了所有文档,但是没有找到任何文档

0 个答案:

没有答案