Blazor面板-内容模板- Telerik UI为Blazor

API参考

ContentTemplate

控件可以控制和自定义面板栏中内容项的呈现ContentTemplate．下面是如何使用它。

的ContentTemplate的定义PanelBarBinding标签。
它提供了上下文对象，您可以强制转换为PanelBar所绑定的类型。
该模板可以包含其他Razor组件或可执行代码。
类似于PanelBarBinding年代，可能会有一个ContentTemplate对于同一级别的所有项目。如果这些项的内容应该不同，则在模板中使用条件语句。
一个ContentTemplate像子项目一样显示。它只呈现给没有子元素的项目。

使用ContentTemplate自定义内容项

@*设置级别0,1或2到PanelBarBinding，以查看内容模板如何显示特定的级别。没有级别，ContentTemplate将被应用到所有没有子项的所有级别，它们没有自己的绑定。*@ < span style="width: 30%;">     @{var item = context as PanelBarItem;< span style=" font - family:宋体;"嵌套组件}

}

 @code{公共列表 Items {get;设置;}公共类PanelBarItem{公共字符串文本{获取; set; } public List Items { get; set; } } protected override void OnInitialized() { Items = new List() { new PanelBarItem() { Text = "Item 1", Items = new List() { new PanelBarItem() { Text = "Item 1.1" }, new PanelBarItem() { Text = "Item 1.2", Items = new List() { new PanelBarItem() { Text = "Item 1.2.1" } } } } }, new PanelBarItem() { Text = "Item 2" } }; base.OnInitialized(); } }

上面代码片段的结果

ContentTemplate例子