使用 Virtualize 创建 datalist 的子项

时间:2021-01-26 09:20:59

标签: blazor blazor-server-side

我正在尝试使用 Virtualize 创建 datalist 标签的子项以避免一次性创建所有项目,但我没有工作,我的代码:

<div class="form-group row">
<label class="col-sm-2 col-form-label" for="organizationInput">Organisatie: </label>
<input type="text" class=" col-sm-4 form-control" id="organizationInput" list="organizationlist" @onchange="@((args) => Name= args.Value.ToString())" />
<datalist class="col-auto" id="organizationlist">
    <Virtualize Items="Organizations" Context="item">

        <ItemContent>

            <option @key="item.REL_Nummer">@item.REL_Naam01</option>

        </ItemContent>

    </Virtualize>
</datalist>
@if (SelectedOrganization != null)
{
    <label class="col-auto col-form-label">@($"Organization Name: {SelectedOrganization.REL_Naam01}")</label>
}
请如果您有建议或我有错误,请纠正我!

1 个答案:

答案 0 :(得分:0)

现在有一个 open issue in Github 并且 blazor-virtualization 不支持 select 或 datalist 作为容器,此问题将移至下一个 sprint 计划。