DropDownList模板

DropDownList组件允许你通过模板改变项目、主体、页眉和页脚中呈现的内容。

可用模板列表:

• 值模板
• 项目模板
• 头
• 页脚

值模板

Value模板决定所选项如何在始终可见的下拉列表的主元素中呈现。默认情况下，将呈现来自模型的文本。

改变什么呈现在主元素  @((上下文作为MyDdlModel).ExtraField)   @code{公共类MyDdlModel{公共int MyValueField {get;设置;}公共字符串MyTextField{获取;设置;}公共字符串ExtraField{获取;设置;}} IEnumerable myDdlData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x, ExtraField = "more item info " + x});｝

项目模板

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

定义什么呈现下拉列表中的项目  @((上下文作为MyDdlModel).ExtraField)   @代码{公共类MyDdlModel{公共int MyValueField{获取;设置;}公共字符串MyTextField{获取;设置;}公共字符串ExtraField{获取;设置;}} IEnumerable myDdlData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x, ExtraField = "more item info " + x});｝

头

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

在下拉列表中定义一个头 我的列表头。  @code{公共类MyDdlModel{公共int MyValueField {get;设置;}公共字符串MyTextField{获取;设置;}} IEnumerable myDdlData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x});｝

页脚

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

定义下拉页脚 我的列表页脚。  @code{公共类MyDdlModel{公共int MyValueField {get;设置;}公共字符串MyTextField{获取;设置;}} IEnumerable myDdlData = Enumerable。范围(20)。Select(x => new MyDdlModel {MyTextField = "item " + x, MyValueField = x});｝

另请参阅

• 现场演示:下拉列表验证