MudBrazor下拉列表未默认为数据库中的值

Question

我将Blazor与MudBrazor一起使用，我在编辑页面上有以下表单：

<EditForm Model="BookRequestVM" OnInvalidSubmit="InvalidBookRequest" OnValidSubmit="@ValidBookRequest">
...
<MudItem xs="12" sm="4">
<MudSelect T="BookType" Label="Book Type" @bind-Value="@BookRequestVM.BookType" @bind-SelectedValues="hashBookTypes" Required="true">
@foreach (var selectItem in BookTypes)
{
<MudSelectItem Value="@selectItem">@selectItem.TypeTitle</MudSelectItem>
}
</MudSelect>
</MudItem>
</EditForm>
...
@code {
public class BookType
{
public int BookTypeId { get; set; }
public string TypeTitle { get; set; }
}

public HashSet<BookType> hashBookTypes = new HashSet<BookType>();

...
protected override async Task OnInitializedAsync()
{
BookRequestVM = await _bookService.GetBookRequest(Id);  // Fetch info from database

BookTypes = _bookService.GetBookTypes().ToList();    // Get all valid dropdown values

hashBookTypes = new HashSet<BookType>(BookTypes);
}
}

因为我正在提取现有数据(创建图书请求时需要此图书类型字段(，所以总会有一个图书类型与此图书请求关联。我看到BookTypeVM能够在服务调用中从数据库中提取BookType，并且在有效的submit方法上，它被绑定并正确保存。只是当它加载时，它不会默认为保存到数据库中的值——只是下拉列表中的第一个值。有什么想法吗？

Answer 1

这是多选吗？如果不是，那么为什么要设置@bind SelectedValues="hashBookTypes"；。hashBookTypes来自BookTypes，它是所有书籍类型的列表。我不是MudBlazor方面的专家，但似乎是您将选定的值设置为完整的值列表。如果没有MultiSelection="true"，我猜它会将当前值设置为列表中的第一个值。

Answer 2

您的代码比MrC发现的问题更多。在不覆盖Equals()和GetHashCode()的情况下，在select中使用POCO类需要非常小心，因为select在内部使用HashSet来确定选择了哪个项。此外，如果您希望它将选定的BookType转换为字符串，它应该覆盖ToString()。

你的BookType类应该是这样的：

public class BookType
{
public string Title { get; set; }
public override bool Equals(object other) {
return (other as BookType)?.Title == Title;
}
public override int GetHashCode()
{
return this.Title.GetHashCode();
}
public override string ToString() => Title;
}

下面是选择：

<MudSelect T="BookType" Label="Book Type" @bind-Value="@RequestedBookType" Required="true">
@foreach (var selectItem in BookTypes)
{
<MudSelectItem Value="@selectItem">@selectItem.Title</MudSelectItem>
}
</MudSelect>

下面是一个fiddle，它演示了您的代码，并对其进行了上述更改以使其正常工作：https://try.mudblazor.com/snippet/mOwvPvbhHYHFBoiV

Answer 3

@bind-SelectedValues="hashBookTypes"是罪魁祸首。这用于多选。不幸的是，我不记得添加过这个代码，但删除它解决了这个问题。