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

多选过滤器

MultiSelect组件可以根据当前用户的输入过滤可用的建议,这样他们就可以更快地找到他们需要的建议。要查看行为上的差异,请访问现场演示:多选过滤页面。

要启用筛选,请设置滤过性的参数真正的.过滤不区分大小写。方法实现自定义(服务器)筛选并动态设置数据源OnRead事件

筛选在文本框,当下拉菜单关闭时,过滤器被重置。

过滤操作符

默认的筛选操作符是开始于.您可以选择不同的操作符FilterOperator属性的成员作为参数Telerik.Blazor.StringFilterOperator枚举。

最小长度

控件可控制筛选器列表显示的时间最小长度参数。如果您有一个非常大的数据列表或许多类似的项目,这可能很有用。

性能

缺省情况下,滤波的反弹时间为150ms。使用DebounceDelay组件参数。

过滤的例子

在MultiSelect中过滤


@code{private List ProductList {get;设置;} private List SelectedProducts {get;设置;} private List FilterOperators =>枚举. getvalues (typeof(StringFilterOperator)).Cast().ToList();private StringFilterOperator{获取;设置; } = StringFilterOperator.StartsWith; private int FilterMinLength { get; set; } = 1; private int DebounceDelay { get; set; } = 150; protected override void OnInitialized() { ProductList = new List(); for (int i = 1; i <= 30; i++) { ProductList.Add(new Product() { Id = i, Name = $"{i} Product {i * 111}" }); } base.OnInitialized(); } public class Product { public int Id { get; set; } public string Name { get; set; } } }

另请参阅

在本文中
Baidu
map