Blazor的Telerik UI?下载30天免费试用

甘特树数据绑定基础

本文解释了向甘特图组件提供数据的不同方法,以及与数据绑定相关的属性。回顾本文,您将了解如何向Gantt组件描述数据源中项目的层次结构,以便它们能够呈现。

有关值绑定和数据绑定的详细信息,以及它们之间的区别,请参见值绑定与数据绑定篇文章。

首先,回顾:

向甘特树提供数据有两种模式,它们都使用项目的特征。熟悉了本文之后,请选择希望更多使用的数据绑定:

  • 平的数据-具有定义的父子关系的单个项目集合。看到Id而且ParentId设置。

  • 分层数据-项目及其子项目的独立集合。这是组件的默认模式。看到项目设置。

甘特树项目特征

Blazor甘特树提供各种参数来配置其项。同时查看甘特公共API

参数 描述
项目 将在当前项下呈现的子项的集合。仅当绑定到层次数据时才需要。
Id 项目的唯一标识符。仅用于绑定到平面数据。
ParentId 标识项目所属的父级。仅当绑定到平面数据时需要。所有物品用的都一样ParentId将在同一层次上呈现。对于根级项目,ParentId需要.至少需要有一个节点的值。ParentId
HasChildren 项目是否有子项。确定展开箭头是否呈现在可展开列中的项旁边。需要按需加载数据-如果您没有将其设置为真正的,将没有展开箭头,因此用户将无法展开项目并加载它的子项目。对于分层数据,甘特树将基于子项的存在呈现图标,但是HasChildren将优先考虑。您不必设置或使用它的字段,除非您想按需加载数据,或覆盖某些项的箭头。

数据绑定

甘特树项的属性直接匹配树列表绑定到的模型的字段。通过提供将从中获取相应信息的字段的名称来提供这种关系。主要是这样做的TelerikGantt标签,使用下面描述的参数:

  • IdField => Id
  • ParentIdField => ParentId
  • HasChildrenField => HasChildren
  • ItemsField =>项目

笔记

  • Gantt设计用于处理一组强类型模型(例如,IENumerable < SomeDataModel >).如果你提供IEnumerable <对象>相反,您必须设置FieldType< GanttColumn >实例到它们使用的字段的数据类型(例如,).

另请参阅

在本文中
Baidu
map