MudAutocomplete组件编辑模式下无法显示默认值求助

核心问题本质 #

MudAutocomplete识别选中状态的关键是：绑定的选中项实例，要么和选项列表里的实例是同一个引用，要么能通过Equals方法判定为相等。如果编辑时只给绑定字段赋值了属性值，但实例不匹配，组件就无法识别并显示已选中的城市。

具体修复方案 #

• 初始化编辑弹窗时匹配正确的选项实例
  打开编辑弹窗时，从城市选项列表里找到与当前编辑对象城市ID匹配的实例，赋值给MudAutocomplete绑定的SelectedItem变量，而不是只设置存储ID的字段。
  示例代码：

  // 假设待编辑实体为selectedEntity，城市选项列表为cityList
  var targetCity = cityList.FirstOrDefault(c => c.Id == selectedEntity.CityId);
  if (targetCity != null)
  {
      _boundSelectedCity = targetCity; // _boundSelectedCity是绑定到组件SelectedItem的变量
  }
  

• 正确配置组件的绑定参数
  确保组件同时绑定SelectedItem、Value（存储城市ID的字段），并通过TextExpression指定显示的城市名称：

  <MudAutocomplete T="City" 
                   @bind-SelectedItem="_boundSelectedCity"
                   @bind-Value="_boundCityId"
                   TextExpression="@(() => _boundSelectedCity?.Name)"
                   SearchFunc="@SearchCities"
                   Label="选择城市" />
  

  其中_boundCityId是实体中存储的城市ID字段，_boundSelectedCity是选项列表中的城市实例。

• 重写City类的相等判定方法（推荐）
  如果城市实例是不同对象但属性一致，重写Equals和GetHashCode，让组件能正确识别相等的城市：

  public class City
  {
      public int Id { get; set; }
      public string Name { get; set; }
  
      public override bool Equals(object obj)
      {
          return obj is City city && Id == city.Id;
      }
  
      public override int GetHashCode()
      {
          return HashCode.Combine(Id);
      }
  }
  

• 弹窗打开后强制组件刷新（可选）
  若以上步骤后仍有显示问题，在弹窗打开后调用StateHasChanged()触发组件重新渲染：

  private async Task OpenEditDialog(Entity entity)
  {
      selectedEntity = entity;
      _boundSelectedCity = cityList.FirstOrDefault(c => c.Id == entity.CityId);
      var dialogParams = new DialogParameters { ["Entity"] = selectedEntity };
      DialogService.Show<EditDialog>("编辑实体", dialogParams);
      StateHasChanged();
  }
  

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