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

自动完成模板

AutoComplete组件允许您通过模板更改项目、页眉和页脚中呈现的内容。

可用模板列表:

项目模板

Item模板决定如何在组件的下拉元素中呈现单个项。默认情况下,将呈现来自特定建议的文本。

模板示例

@*定义下拉列表中的项目呈现什么*@   Are a @context   @code{string角色{get;设置;} List建议{get;设置;} = new List{"经理","开发人员","QA", "技术写手","支持工程师","销售代理","架构师","设计师"};}

上面代码片段的结果

Blazor自动完成项目模板

标题是可以放在下拉元素中项目列表上方的内容。当组合框展开时,它总是可见的。默认为空。

标题的例子

@*在下拉菜单中定义一个标题*@   如果你在列表中没有看到,就写你自己的标题   @code{string角色{get;设置;} List建议{get;设置;} = new List{"经理","开发人员","QA", "技术写手","支持工程师","销售代理","架构师","设计师"};}

上面代码片段的结果

Blazor自动完成标题模板

页脚是可以放在下拉列表元素内的项列表下面的内容。当下拉菜单展开时,它总是可见的。默认为空。

页脚的例子

@*定义下拉脚注*@   
合计位置:@ suggestions . count ()
@code{string角色{get;设置;} List建议{get;设置;} = new List{"经理","开发人员","QA", "技术写手","支持工程师","销售代理","架构师","设计师"};}

上面代码片段的结果

Blazor自动完成页脚模板

另请参阅

在本文中
Baidu
map