<input type="search" list="txtSearch" @bind-value="@searchTerm" @onkeydown="@Enter">
<datalist id="txtSearch">
@foreach (var item in objText)
{
<option>@item.A</option>
<option>@item.B</option>
<option>@item.C</option>
<option>@item.D</option>
}
</datalist>
默认结果是SQL Server中的所有项。
"我想介绍前50名“
而正常的行为(只有)当打字显示一切blazor当然
1条答案
按热度按时间mu0hgdu01#
数据列表不是理想的元素,因为如果有人开始浏览列表中的可用选项,列表中只有50个选项,并不包含每个选项。
但是,如果您仍然希望以这种方式使用它,则应该使用以下方法筛选来自SQL Server的数据
然后在
@foreach
中使用filteredObjText
。在Enter
方法中,应该使用类似于如果只想列出50个属性或只列出与类型化筛选器匹配的属性,则生成的代码也会有所不同。
下面是完整的工作代码(修复了一些在我最初的回答中忽略的问题)。
值得注意的是,浏览器捕获字母数字输入,因此要真正触发Enter(),需要按Tab、Shift、Enter或箭头键之一的某种组合。