新的Telerik UI为Blazor?免费30天试用
菜单-分级数据
描述
Blazor菜单的Telerik UI以传统的类菜单结构显示数据。它允许您浏览项及其子项，并支持将数据绑定到层次数据或平面数据。
无论数据类型如何，组件呈现都是相同的，但是，当使用平面数据或分层数据时，其配置将有所不同。当前演示的目标是将数据绑定到层次数据。
在平面数据集合中，所有记录都在一个级别上可用，而在分层数据集合中，父项的模型包含其子项的列表。
您可以使用默认数据绑定在您的模型中，因此菜单将自动识别包含子项的字段。默认属性名为项目。否则，你应该指向ItemsFieldMenu的参数，转换为包含子项集合的模型字段。
上面的演示演示了一个使用分层数据的Telerik Blazor Menu组件。MenuItem模型有一个SubSectionList字段——List< MenuItem>，它包含子菜单项。由于SubSectionList字段名与数据绑定所需的默认Items字段名不同，Menu无法自动识别，需要进行额外的数据绑定。看一下组件声明——ItemsField指向SubSectionList字段。此字段绑定是必需的，因此组件可以获取并正确呈现子项。
这个菜单分层数据的例子是一个独特的集合的一部分，数以百计的Blazor演示，你可以看到所有Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码，并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder。