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

自动完成过滤

AutoComplete组件可以根据当前用户的输入过滤可用的建议,这样他们就可以更快地找到他们需要的建议。要了解行为上的差异,请访问现场演示:自动完成过滤页面。

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

过滤忽略大小写,默认的过滤操作符为开始于.您可以选择不同的操作符FilterOperator属性的成员作为参数Telerik.Blazor.StringFilterOperator枚举。

要控制过滤器列表何时出现,请设置最小长度参数。如果您有一个非常大的数据列表,这可能很有用。

缺省情况下,过滤将在150ms时解除。使用DebounceDelay组件参数。

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

在自动完成过滤

@*当您输入“de”时,您只会得到“开发者”和“设计师”作为建议,而不是完整的列表*@  @code{string TheValue {get;设置;} List建议{get;设置;} = new List {"Manager", "Developer", "QA", "Technical Writer", "Support Engineer", "Sales Agent", "Architect", "Designer"};}

使用MinLength过滤

@*在第一次击键,将没有建议,然后你只会得到“开发人员”和“设计师”,因为你写“de”*@  @code{字符串TheValue {get;设置;} List建议{get;设置;} = new List {"Manager", "Developer", "QA", "Technical Writer", "Support Engineer", "Sales Agent", "Architect", "Designer"};}

选择FilterOperator

@*在输入中键入一些内容以查看过滤的项目。选择一个新的过滤器操作符并重复*@   @code{string TheValue {get;设置;} StringFilterOperator filterOperator {get;设置;} = StringFilterOperator.StartsWith;列表建议{get;设置;} = new List {"Manager", "Developer", "QA", "Technical Writer", "Support Engineer", "Sales Agent", "Architect", "Designer"};}

另请参阅

在本文中
Baidu
map