Blazor的Telerik UI?下载30天免费试用

DropDownList过滤器

DropDownList组件中的Filter允许用户根据文本筛选可用的项目,这样他们就可以更快地找到他们需要的项目。它是一个显示在下拉弹出框顶部的输入。

要启用筛选,请设置滤过性的参数真正的

过滤忽略大小写,默认的过滤操作符是开始于.筛选在文本框,当下拉菜单关闭时,过滤器被重置。

您可以选择不同的操作符FilterOperator属性的成员作为参数Telerik.Blazor.StringFilterOperator枚举。

默认情况下,过滤将在150ms时反弹。使用FilterDebounceDelay组件参数。

方法实现自定义(服务器)筛选并动态设置数据源OnRead事件

在下拉列表中过滤

下拉列表过滤GIF

@*打开下拉列表,在输入中输入一些东西,以搜索下拉列表数据中的该项,例如“产品5”*@   @code{公共列表<产品> data {get;设置;}公共int?SelectedValue {get;设置;} protected override void OnInitialized() {List products = new List();For (int I = 0;I < 20;i++){产品。添加(新产品(){ProductId = i, ProductName = $"产品{i}"}); } Data = products; base.OnInitialized(); } public class Product { public int ProductId { get; set; } public string ProductName { get; set; } } }

选择筛选操作符

下拉列表选择过滤器操作符GIF

@*选择一个过滤操作符,打开下拉菜单,在输入框中输入一些内容,就可以看到被过滤的项目了*@ 
map