新的Telerik UI为Blazor?免费30天试用

TreeView -平面数据

    • Flat-data.razor
    正在加载演示源代码…请稍等。

    描述

    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 REPLThemeBuilder

    支持和学习资源

    发生错误。此应用程序可能不再响应,直到重新加载。
    重新加载
    Baidu
    map