MudBlazor -可搜索MudSelect

Question

我正在使用MudBlazor，特别是MudSelect。我想显示Name属性，但将Id属性保存在值中。下面是有效的。

<MudSelect T="int" Label="Assigned Group" Variant="Variant.Outlined" Required="true" RequiredError="An Assigned Group is required."  @bind-Value="newTask.GroupId" AdornmentIcon="@Icons.Filled.Group">
    @foreach (var group in Groups)
    {
        <MudSelectItem Value="@group.Id">@group.Name</MudSelectItem>
    }
</MudSelect>

但是，随着选项数量的增加，沿着Select List添加一个搜索字段是有意义的。我不知道如何在MudSelect中使用它。在使用MudAutocomplete时，它给了我一个搜索函数，但我不知道如何将Id与选定的Name相关联。而且，由于我的Name是唯一的，所以我可以在submit上做一些处理来获得Id，但是我想防止额外的处理

Answer 1

据我所知，MudBlazor没有在MudSelect中加载动态数据。

正如前面提到的这里，您可以使用虚拟化MudBlazor来实现对大量项的最大性能。

这里是MudSelect中具有大量数据的虚拟化示例。

似乎他们没有为MudSelect开发动态数据，不要等待(至少在接下来的几个月)。

更多信息:您也可以对表使用虚拟化，比如这。

Answer 2

我更改为自动完成，默认显示前十，然后当用户键入时，列表自动筛选到包含输入的文本的前10位。

 <MudAutocomplete T="SM.Role"
     Value="_employee.Role"
     Label="Role"
     SearchFunc="@EmployeeViewModel.SearchRole"
     ResetValueOnEmptyText="@false"
     CoerceText="@false"
     DebounceInterval="500"
     CoerceValue="@false"
     ValueChanged="@OnRoleSelectionChanged"
     AdornmentIcon="@Icons.Material.Filled.Search"
     AdornmentColor="Color.Primary"
     ToStringFunc="@(e => e == null ? null : $"{e.Name}")" />