DropDownList组件中的Filter允许用户根据文本筛选可用的项目,这样他们就可以更快地找到他们需要的项目。它是一个显示在下拉弹出框顶部的输入。
要启用筛选,请设置滤过性的
参数真正的
.
过滤忽略大小写,默认的过滤操作符是开始于
.筛选在文本框
,当下拉菜单关闭时,过滤器被重置。
您可以选择不同的操作符FilterOperator
属性的成员作为参数Telerik.Blazor.StringFilterOperator
枚举。
默认情况下,过滤将在150ms时反弹。使用FilterDebounceDelay
组件参数。
方法实现自定义(服务器)筛选并动态设置数据源OnRead
事件.
![下拉列表过滤GIF](//www.aliitrade.com/docs/docs/blazor-ui/components/dropdownlist/images/dropdownlist-filtering-basic.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](//www.aliitrade.com/docs/docs/blazor-ui/components/dropdownlist/images/dropdownlist-choose-filter-operator.gif)
@*选择一个过滤操作符,打开下拉菜单,在输入框中输入一些内容,就可以看到被过滤的项目了*@