DxRadio<TValue>.GroupValue Property
Specifies the value of the selected radio button.
Namespace: DevExpress.Blazor
Assembly: DevExpress.Blazor.v24.2.dll
NuGet Package: DevExpress.Blazor
Declaration
[Parameter]
public override TValue GroupValue { get; set; }
Property Value
Type | Description |
---|---|
TValue | The selected button’s value. |
Remarks
You can combine radio groups into a group. A user can select only one button in the group at a time. Use the GroupValue
property to specify the value of the selected radio button.
You can use the @bind attribute to bind the GroupValue
property to a data field. Refer to Two-Way Data Binding. |
<div role="radiogroup">
@foreach(var priorityLevel in PriorityLevels) {
<DxRadio GroupName="priorities-radio-group"
@bind-GroupValue="@SelectedPriorityLevel"
Value="@priorityLevel">
@priorityLevel
</DxRadio>
}
</div>
@code {
string SelectedPriorityLevel { get; set; } = "normal";
IEnumerable<string> PriorityLevels = new[] { "low", "normal", "urgent", "high" };
}
If you do not use two-way binding, you need to handle the GroupValueChanged event to respond the group value changes.
See Also