KendoReact

反应甘特图

  • 使用这个功能强大且可自定义的React甘特图来提升您的项目管理应用程序,并使您的用户能够轻松管理大型项目。
  • KendoReact库的一部分,以及100多个用React为React构建的专业UI组件。
  • 快速开始与我们屡获殊荣的支持,详细的文档,互动演示和讲师指导的培训。
  • 概述

    React Gantt是一个UI组件,用于演示项目进度。它允许用户计划、组织和跟踪各种任务。用户还可以看到不同的任务是如何关联的,以及哪些任务依赖于项目计划中的其他任务。任务有一个可视化的条来指示它们的开始和结束日期,每个任务应该花多长时间来完成,一个特定的任务进行了多远,任务是准时还是迟到等等。

    参见React甘特图概述演示

    React甘特图组件概述
  • 排序

    启用排序后,React Gantt可以重新组织所有可用的任务,以便按照特定的数据字段(如任务开始日期或任务类型)进行排序。排序可以通过单个配置选项启用,用户可以通过单击字段的标题进行排序。多次单击允许用户按升序、降序或根本没有排序顺序对项目进行排序,并为他们提供了删除任何应用排序的选项。React开发人员还可以通过编程设置排序和排序顺序,这意味着可以在初始呈现时对列进行排序。

    参见React甘特排序演示

    React甘特组件排序
  • 过滤

    由于KendoReact甘特组件的内置过滤选项,用户可以快速减少一次显示的任务数量。过滤可以通过专用的过滤菜单或使用文本和日期等字段作为过滤器来完成。此外,您可以在逐列的基础上配置条件过滤器,例如“以…开始”、“包含”等,以便为用户提供最大的灵活性来管理他们的计划。

    参见React甘特过滤演示

    反应甘特组件过滤
  • 数据绑定

    React甘特组件可以通过本地或远程数据绑定它的所有任务及其依赖项,让React开发人员选择他们喜欢的方法在客户端绑定数据,以填充KendoReact甘特。

  • 平的数据

    由于甘特分量的复杂性,它通常需要更高级的数据结构。为了使React开发人员更容易进行数据绑定,KendoReact甘特提供了一个辅助方法,用于将平面数据转换为甘特所期望的数据类型。这为开发人员绑定数据提供了额外的灵活性,而无需仅为甘特组件重构数据。

    参见React甘特平面数据演示

  • 任务类型

    React甘特提供了一个简短的标签列表来组织不同类型的任务。这些任务包括“摘要”任务、有子任务的任务、“常规”任务、没有子项目的任务,或者“里程碑”任务,即没有具有相同开始和结束日期的子项目的任务。

    参见React甘特任务类型演示

    反应甘特组件任务类型
  • 依赖类型

    为了方便地管理不同任务之间的关系,KendoReact Gantt组件提供了四种不同的依赖类型:‘finish To finish’类型、‘finish To start’类型、‘start To start’类型和‘start To finish’类型。使用这些依赖类型,React开发人员可以确保他们的任务在甘特组件中被正确定义,用户可以按照正确的事件顺序计划项目。

    参见React Gantt依赖类型演示

    React甘特组件依赖类型
  • 编辑

    作为一个成熟的项目管理和协作工具,KendoReact甘特组件使用户能够轻松地操作和编辑可用的任务。由于可用的回调和配置选项,开发人员可以依赖于Gantt组件的开箱即用的编辑功能,或者定制用户体验以适应任何特定的设计需求。

    参见React甘特编辑演示

    React甘特组件编辑
  • 区域选择和多单元格选择

    通过拖放(或Ctrl/Cmd和单击)在KendoReact甘特图中的行和单元格范围,可以快速轻松地启用多单元格选择。

    参见React甘特选择演示

    反应甘特图组件范围选择
  • 行高

    React Gantt组件中的每个任务都用一行表示。使用Row Height属性,可以自定义甘特图,以提供更紧凑的视图或具有更多填充的行,以适应现有内容。

    参见React甘特行高演示

    反应甘特组件行高度
  • 槽定制

    由于React Gantt组件旨在帮助管理项目,并且没有两个项目是相同的,因此可能需要对任务显示的间隔进行更细粒度的控制。无论任务是按分钟还是按天或按周完成的,或者如果需求要求更短或更长的插槽宽度,这些插槽的持续时间和宽度都可以在整个KendoReact甘特中进行控制。

    参见React甘特槽自定义演示

    React甘特组件插槽定制
  • 时区

    日期和时间是KendoReact甘特组件的核心部分。只要涉及到时间,时区就会使问题变得非常复杂。通过对时区的内置支持,React Gantt组件可以轻松处理这种复杂的情况。如果没有设置具体的时区,则KendoReact Gantt组件默认为浏览器的本地时区。如果设置了时区,那么甘特组件将根据该时区显示所有任务。

    参见React甘特时区演示

  • 键盘导航

    React Gantt组件具有内置键盘支持,可以帮助您仅使用键盘导航UI组件并与之交互。

    参见React甘特键盘导航演示

  • 全球化

    许多使用KendoReact编写的应用程序需要支持从右向左或RTL编写系统。使用KendoReact甘特,RTL支持可以通过单个属性设置来实现。

    参见React Gantt全球化演示

    React可访问性- KendoReact

所有KendoReact组件

弹出

进度条

涟漪

调度器

滚动视图

可分类的

的周期

工具提示

TreeList

树状视图

上传

波bg

下一个步骤

访问我们的演示

看看实际的KendoReact,看看它能做多少开箱即用的事情。

看到价格

为KendoReact购买单独的许可证,或者使用Kendo UI,这是我们完整的JavaScript包。

开始免费试用

请在专门的技术支持下尝试KendoReact。

Baidu
map