MudBlazor多选组件编辑或选择时的数据绑定问题

核心原因 #

MudSelect多选模式下默认通过引用相等判断选项是否选中。编辑时，你绑定的_selectedtheatervalue中的对象，大概率和下拉数据源ddlTheater里的对象是不同实例（引用地址不同），即便属性值一致，组件也会判定为不同对象，导致复选框不勾选。

解决方案 #

方案1：重写Theater类的Equals和GetHashCode方法 #

基于类的唯一标识（比如TheaterId）定义对象相等性，让组件能正确识别相同业务意义的对象：

public class Theater
{
    public int TheaterId { get; set; }
    public string TheaterName { get; set; }

    // 基于TheaterId判断对象相等
    public override bool Equals(object obj)
    {
        return obj is Theater theater && TheaterId == theater.TheaterId;
    }

    // 确保相同TheaterId的对象哈希值一致
    public override int GetHashCode()
    {
        return HashCode.Combine(TheaterId);
    }
}

方案2：编辑赋值时复用下拉数据源中的对象实例 #

在编辑逻辑中，不要直接使用后端返回的对象，而是从ddlTheater中匹配对应的实例赋值给_selectedtheatervalue：

// 假设从编辑模型中拿到选中的影院ID集合
var selectedIds = editModel.SelectedTheaterIds;

// 从下拉数据源筛选匹配的对象实例
_selectedtheatervalue = ddlTheater.Where(t => selectedIds.Contains(t.TheaterId)).ToList();

额外检查点 #

• 确保_selectedtheatervalue的类型是List<Theater>或兼容的集合类型（比如IEnumerable<Theater>），和组件绑定要求一致。
• 确认编辑时_selectedtheatervalue已正确赋值，且集合不为空。

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