甘特树数据绑定基础
本文解释了向甘特图组件提供数据的不同方法,以及与数据绑定相关的属性。回顾本文,您将了解如何向Gantt组件描述数据源中项目的层次结构,以便它们能够呈现。
有关值绑定和数据绑定的详细信息,以及它们之间的区别,请参见值绑定与数据绑定篇文章。
首先,回顾:
向甘特树提供数据有两种模式,它们都使用项目的特征。熟悉了本文之后,请选择希望更多使用的数据绑定:
甘特树项目特征
Blazor甘特树提供各种参数来配置其项。同时查看甘特公共API.
参数 | 描述 |
---|---|
项目 |
将在当前项下呈现的子项的集合。仅当绑定到层次数据时才需要。 |
Id |
项目的唯一标识符。仅用于绑定到平面数据。 |
ParentId |
标识项目所属的父级。仅当绑定到平面数据时需要。所有物品用的都一样ParentId 将在同一层次上呈现。对于根级项目,ParentId 需要零 .至少需要有一个节点零 的值。ParentId . |
HasChildren |
项目是否有子项。确定展开箭头是否呈现在可展开列中的项旁边。需要按需加载数据-如果您没有将其设置为真正的 ,将没有展开箭头,因此用户将无法展开项目并加载它的子项目。对于分层数据,甘特树将基于子项的存在呈现图标,但是HasChildren 将优先考虑。您不必设置或使用它的字段,除非您想按需加载数据,或覆盖某些项的箭头。 |
数据绑定
甘特树项的属性直接匹配树列表绑定到的模型的字段。通过提供将从中获取相应信息的字段的名称来提供这种关系。主要是这样做的TelerikGantt
标签,使用下面描述的参数:
- IdField => Id
- ParentIdField => ParentId
- HasChildrenField => HasChildren
- ItemsField =>项目
笔记
- Gantt设计用于处理一组强类型模型(例如,
IENumerable < SomeDataModel >
).如果你提供IEnumerable <对象>
相反,您必须设置FieldType
的< GanttColumn >
实例到它们使用的字段的数据类型(例如,
).