PanelBar数据绑定到分层数据
本文解释了如何将Blazor的PanelBar绑定到层次数据。
层次数据意味着集合子项是在其父模型的字段中提供的。默认情况下，这是项目字段。如果某个节点有项目，它将有一个展开图标。的HasChildren字段可以覆盖这个，但是，对于分层数据绑定来说，这不是必需的。
这种提供节点的方法允许您收集单独的数据集合和/或在每个不同的级别上使用不同的模型。请注意，数据绑定设置是按级别设置的，因此某个级别将始终使用相同的绑定，而不管它们所代表的模型及其父级是什么。
为父节点和子节点使用不同模型的分层数据示例。不需要使用不同的模型。
@*向PanelBar提供物品的层次集合*@ < TelerikPanelBar Data="@Items"> @code{公共列表 Items {get;设置;}公共类PanelBarItem{公共字符串文本{获取;设置;} public List Items {get;设置;}}保护覆盖空白OnInitialized列表项= new () {< PanelBarItem >(){新PanelBarItem(){文本= 1””项,项目=新列表< PanelBarItem >(){新PanelBarItem() =“项目1.1”}{文本,新PanelBarItem(){文本=“1.2”项,项目=新列表< PanelBarItem >(){新PanelBarItem() =“1.2.1”项}{文本,新PanelBarItem 1.2.2(){文本= "项 " } } } } }, 新的PanelBarItem(){文本=“项目2”,项目=新列表< PanelBarItem >(){新PanelBarItem(){文本=“2.1”项,Items = new List() {new PanelBarItem() {Text = "Item 2.1.1"}}}， new PanelBarItem() {Text = "Item 2.2"}}}， new PanelBarItem() {Text = "Item 3"}};base.OnInitialized (); } }