MudBlazor中MudSelect多选功能的绑定与保存问题排查

开发UI时，从数据库获取用户详情并在MudTable中展示UserId、Email、GroupOf（逗号分隔值，如scteam,mgteam,trteam）字段。为每行GroupOf字段添加多选组件，安全管理员可通过它添加/移除用户所属组，点击保存按钮后同步变更到数据库，但遇到以下问题：

• 仅使用SelectedValues无法保存选择结果
• 仅使用@bind-Value无法设置多个默认值
• 同时使用两者会导致程序崩溃

核心问题是多选MudSelect的绑定类型不匹配：你的context.SegroupOf是字符串（逗号分隔），但多选模式下@bind-Value需要绑定到IEnumerable<string>类型，而非单一字符串。正确处理方式如下：

• 为用户模型新增IEnumerable<string>类型字段，用于存储多选组件的选中值，并基于原始SegroupOf初始化该字段
• 移除SelectedValues属性，直接用@bind-Value绑定新增字段，同时实现默认值初始化和选择结果保存
• 保存时将选中集合转换回逗号分隔字符串，再同步到数据库

前端RowTemplate代码 #

<RowTemplate>
    <MudTd DataLabel="UserId">@context.UserId</MudTd>
    <MudTd DataLabel="Email">@context.Email</MudTd>
    <MudTd DataLabel="SEGroupOf">
        <MudSelect T="string" MultiSelection="true" 
                   @bind-Value="context.SelectedGroups" 
                   AnchorOrigin="Origin.BottomCenter">
            @foreach (var group in SEGroup)
            {
                <MudSelectItem T="string" Value="@group">@group</MudSelectItem>
            }
        </MudSelect>
    </MudTd>
    <MudTd>
        <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" 
                   Color="Color.Primary" 
                   @onclick="@(() => SaveSelectedGroups(context))">
            Save
        </MudButton>
    </MudTd>
</RowTemplate>

后端相关代码 #

// 用户模型扩展字段
public class User
{
    public string UserId { get; set; }
    public string Email { get; set; }
    public string SegroupOf { get; set; } // 数据库存储的逗号分隔字符串
    public IEnumerable<string> SelectedGroups { get; set; } // 多选绑定用字段
}

// 加载用户数据时初始化多选默认值
private void LoadUsers()
{
    var users = _dbContext.Users.ToList();
    foreach (var user in users)
    {
        user.SelectedGroups = string.IsNullOrEmpty(user.SegroupOf) 
            ? new List<string>() 
            : user.SegroupOf.Split(',').ToList();
    }
    UserData = users;
}

// 保存选中组到数据库
private void SaveSelectedGroups(User user)
{
    // 将选中集合转为逗号分隔字符串
    user.SegroupOf = string.Join(',', user.SelectedGroups);
    // 同步到数据库
    _dbContext.Users.Update(user);
    _dbContext.SaveChanges();
}

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