我将 Blazor 与 MudBlazor 一起使用,并且在编辑页面上有以下表单:
<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 能够在服务调用中从数据库中提取 Book Type,并且在有效的提交方法上,它被绑定并正确保存。只是在加载时,它不会默认为保存到数据库中的值——只有下拉列表中的第一个值。关于这里发生了什么的任何想法?