MudBlazor RadioButtonGroup的OnChange事件实现咨询

直接用SelectedChanged这个EventCallback就能实现选中状态变更时触发自定义逻辑，下面是简单的完整示例：

基础用法（直接绑定变更事件） #

<MudRadioButtonGroup T="string" SelectedChanged="OnSelectionChanged">
    <MudRadio Value="Option1">选项1</MudRadio>
    <MudRadio Value="Option2">选项2</MudRadio>
    <MudRadio Value="Option3">选项3</MudRadio>
</MudRadioButtonGroup>

<p>当前选中项: @selectedValue</p>

对应的后台代码：

@code {
    private string selectedValue;

    private void OnSelectionChanged(string newValue)
    {
        selectedValue = newValue;
        // 根据选中值执行不同业务逻辑
        switch(newValue)
        {
            case "Option1":
                // 这里写选项1的处理代码
                Console.WriteLine("触发选项1的逻辑");
                break;
            case "Option2":
                Console.WriteLine("触发选项2的逻辑");
                break;
            case "Option3":
                Console.WriteLine("触发选项3的逻辑");
                break;
        }
    }
}

结合双向绑定的用法 #

如果你已经在使用@bind-Selected绑定变量，也可以同时指定SelectedChanged事件，这样既能同步变量值，又能触发自定义逻辑：

<MudRadioButtonGroup T="string" @bind-Selected="selectedValue" SelectedChanged="OnSelectionChanged">
    <MudRadio Value="Option1">选项1</MudRadio>
    <MudRadio Value="Option2">选项2</MudRadio>
    <MudRadio Value="Option3">选项3</MudRadio>
</MudRadioButtonGroup>

注意事项 #

• T泛型的类型要和MudRadio的Value类型一致，比如如果选项值是int，就把T="int"，OnSelectionChanged的参数也改成int类型。
• SelectedChanged是MudBlazor封装好的EventCallback，不需要额外定义，直接指定处理方法即可。

内容的提问来源于stack exchange，提问作者JimboJones