我正在创建一个带有多行的网格,并在每一行中插入单选按钮,如下图所示。
单选按钮的列定义代码段如下:columnDefs: [{
headerName: '',
field: '',
tooltipField: '',
suppressMenu: false,
suppressFilter: true,
suppressMovable: true,
suppressResize: true,
width: 200,
cellRendererFramework: this.ButtonCellRenderer
}]
ButtonCellRenderer = (params) => {
return (
<div style={{margin: 'auto', width: '100%', overflow: 'hidden'}}>
<div style={{display: 'inline-block'}}>
<RadioButtonGroup
name={params.data.bit_rate}
defaultSelected={this.state.selectedRadioButton}
debugger //eslint-disable-line
onChange={handleSelectionChange}
labelPosition={this.state.labelPosition}
>
<RadioButton label='' value='true' enabled='true' />
</RadioButtonGroup>
</div>
</div>
)
}
我在这里遇到的问题是我无法将单选按钮分组为单个RadioGroup,因此我无法实现互斥。 请问您能否建议如何使其互斥。