React Gantt是一个UI组件,用于演示项目进度。它允许用户计划、组织和跟踪各种任务。用户还可以看到不同的任务是如何关联的,以及哪些任务依赖于项目计划中的其他任务。任务有一个可视化的条来指示它们的开始和结束日期,每个任务应该花多长时间来完成,一个特定的任务进行了多远,任务是准时还是迟到等等。
启用排序后,React Gantt可以重新组织所有可用的任务,以便按照特定的数据字段(如任务开始日期或任务类型)进行排序。排序可以通过单个配置选项启用,用户可以通过单击字段的标题进行排序。多次单击允许用户按升序、降序或根本没有排序顺序对项目进行排序,并为他们提供了删除任何应用排序的选项。React开发人员还可以通过编程设置排序和排序顺序,这意味着可以在初始呈现时对列进行排序。
由于KendoReact甘特组件的内置过滤选项,用户可以快速减少一次显示的任务数量。过滤可以通过专用的过滤菜单或使用文本和日期等字段作为过滤器来完成。此外,您可以在逐列的基础上配置条件过滤器,例如“以…开始”、“包含”等,以便为用户提供最大的灵活性来管理他们的计划。
React甘特组件可以通过本地或远程数据绑定它的所有任务及其依赖项,让React开发人员选择他们喜欢的方法在客户端绑定数据,以填充KendoReact甘特。
由于甘特分量的复杂性,它通常需要更高级的数据结构。为了使React开发人员更容易进行数据绑定,KendoReact甘特提供了一个辅助方法,用于将平面数据转换为甘特所期望的数据类型。这为开发人员绑定数据提供了额外的灵活性,而无需仅为甘特组件重构数据。
React甘特提供了一个简短的标签列表来组织不同类型的任务。这些任务包括“摘要”任务、有子任务的任务、“常规”任务、没有子项目的任务,或者“里程碑”任务,即没有具有相同开始和结束日期的子项目的任务。
为了方便地管理不同任务之间的关系,KendoReact Gantt组件提供了四种不同的依赖类型:
作为一个成熟的项目管理和协作工具,KendoReact甘特组件使用户能够轻松地操作和编辑可用的任务。由于可用的回调和配置选项,开发人员可以依赖于Gantt组件的开箱即用的编辑功能,或者定制用户体验以适应任何特定的设计需求。
通过拖放(或Ctrl/Cmd和单击)在KendoReact甘特图中的行和单元格范围,可以快速轻松地启用多单元格选择。
React Gantt组件中的每个任务都用一行表示。使用Row Height属性,可以自定义甘特图,以提供更紧凑的视图或具有更多填充的行,以适应现有内容。
由于React Gantt组件旨在帮助管理项目,并且没有两个项目是相同的,因此可能需要对任务显示的间隔进行更细粒度的控制。无论任务是按分钟还是按天或按周完成的,或者如果需求要求更短或更长的插槽宽度,这些插槽的持续时间和宽度都可以在整个KendoReact甘特中进行控制。
日期和时间是KendoReact甘特组件的核心部分。只要涉及到时间,时区就会使问题变得非常复杂。通过对时区的内置支持,React Gantt组件可以轻松处理这种复杂的情况。如果没有设置具体的时区,则KendoReact Gantt组件默认为浏览器的本地时区。如果设置了时区,那么甘特组件将根据该时区显示所有任务。
React Gantt组件具有内置键盘支持,可以帮助您仅使用键盘导航UI组件并与之交互。
许多使用KendoReact编写的应用程序需要支持从右向左或RTL编写系统。使用KendoReact甘特,RTL支持可以通过单个属性设置来实现。