新的Telerik UI为Blazor?免费30天试用
TreeView -平面数据
描述
Telerik UI Blazor TreeView以树形结构显示数据。它允许您在项及其子项之间导航。向TreeView提供数据的主要方法之一是使用平面数据。
无论数据类型如何,组件呈现都保持不变。然而,当使用平面数据或层次数据时,其配置将有所不同。当前演示的目标是数据绑定到平面数据。
扁平数据意味着Treeview项的整个集合在一个级别上可用,这与使用分层数据时不同。父子关系是通过模型中的内部数据创建的ParentId
字段,指向Id
包含当前项的项的。根层有零
为ParentId
.至少有一个节点需要a零
值,这样TreeView就可以渲染任何东西。的HasChildren
字段需要正确的值-对于有子项的项,将其设置为true,以便渲染展开箭头。
你也可以看看Treeview数据绑定基础知识.
上面的演示演示了一个使用平面数据的Telerik Blazor TreeView组件。父子关系是通过父
而且Id
字段TreeItem
模型。
这个TreeView平面数据示例是数百个Blazor演示的独特集合的一部分,您可以看到所有演示Blazor组件的Telerik UI以及他们在行动中的特征。从库中查看或直接改编演示的源代码,并编辑它们及其主题外观开拓者的Telerik REPL或ThemeBuilder.