启用多选的MudSelect绑定值非空时仅显示首个选项文本问题

问题分析 #

启用MultiSelection的MudSelect，配置MultiSelectionTextFunc并将值绑定到模型Values属性后，当Values已有初始数据时，组件仅显示第一个选中选项的文本，但实际绑定值是正确的。核心原因是初始加载阶段，MultiSelectionTextFunc未正确遍历所有选中项生成合并显示文本。

解决方案 #

1. 优化MultiSelectionTextFunc逻辑 #

确保函数遍历所有选中值，匹配对应选项的文本并拼接：

MultiSelectionTextFunc="@(values => string.Join(", ", values.Select(v => selectItems.FirstOrDefault(item => item.Value.Equals(v))?.Text ?? string.Empty)))"

该逻辑通过遍历每个选中值，从SelectItems中匹配对应文本，再用逗号分隔拼接成最终显示内容。

2. 强制组件初始化时更新状态 #

若优化函数后仍存在问题，可在绑定属性的 setter 中触发组件状态更新：

private List<string> _values;
public List<string> Values
{
    get => _values;
    set
    {
        _values = value;
        StateHasChanged(); // 通知组件重新渲染
    }
}

3. 绑定SelectedItems替代直接绑定值（可选方案） #

尝试绑定选项对象集合而非单纯的值集合，让组件直接关联选项数据：

<MudSelect T="string" MultiSelection="true" SelectedItems="@SelectedItems" SelectItems="@selectItems" MultiSelectionTextFunc="@(items => string.Join(", ", items.Select(item => item.Text)))">
</MudSelect>

对应的模型属性调整为：

public List<SelectItem<string>> SelectedItems { get; set; } = new List<SelectItem<string>>();

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