组合框模板

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

• 项目模板
• 头模板
• 页脚模板
• 无数据模板
• 例子

项目模板

的ItemTemplate确定如何在组件的下拉菜单中呈现单个项。默认情况下，将呈现来自特定建议的文本。

的ItemTemplate公开了一个上下文表示数据项对象。将其转换为相应的模型类型以访问或呈现项目属性。

头模板

的HeaderTemplate控制可放在下拉元素中项列表上方的内容。当组合框展开时，它总是可见的。默认为空。

页脚模板

的FooterTemplate允许您呈现下拉列表元素中项目列表下面的内容。当下拉菜单展开时，它总是可见的。默认为空。

无数据模板

的NoDataTemplate当组件没有任何项时，控制弹出式元素的内容。默认情况下，只呈现“No data”文本。

例子

@*带HeaderTemplate, ItemTemplate, FooterTemplate和NoDataTemplate的组合框组件*@ 
 组合框有数据
   选择以下之一:  你是@context   
 >总位置:@ComboBoxData.Count()
   
  
No items available
 
   @code {private string角色{get;设置;} private bool IsDataAvailable {get;设置;} = true;private List ComboBoxData {get;设置;} private List SourceData {get;设置; } = new List { "Manager", "Developer", "QA", "Technical Writer", "Support Engineer", "Sales Agent", "Architect", "Designer" }; protected override void OnInitialized() { ComboBoxData = SourceData; } private void OnCheckBoxChangeHandler() { if (IsDataAvailable) { ComboBoxData = new List(SourceData); }else{ ComboBoxData = new List(); } } }

另请参阅

• 现场演示:组合框模板