• Robust Blazor Gantt Chart component for advanced project management. Plan project start and end dates, visualize task progress, dependencies and milestones and many more.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.
  • "> Blazor Gantt Component | Telerik UI for Blazor - 万博ManBetX体验网址

    为Blazor开发Telerik UI

    Blazor甘特

    • 用于高级项目管理的健壮Blazor甘特图组件。计划项目的开始和结束日期,可视化任务进度,依赖关系和里程碑等等。
    • 该组件是最大的真正的原生Blazor组件套件的一部分- Telerik UI为Blazor设计,以完美适合任何应用程序的需求。
    • Blazor UI套件还配有专业设计的主题,只需轻按开关,文档处理库,丰富的文档和演示,帮助您立即开始。
    为Blazor套件的Telerik UI
    Nasa, Visa,微软 福克斯,三星,IBM 世界银行集团,沃尔沃
    • 概述

      用于Blazor Gantt组件的Telerik UI是一个复杂的项目管理工具,对于可视化作为项目管理周期一部分的任务特别有用。该组件提供了树列表(TreeList)和时间轴(Timeline)视图,以便最终用户可以一目了然地看到项目的开始/结束日期、任务进度、任务之间的依赖关系、里程碑和项目的其他组件。


      Telerik UI为Blazor甘特图-概述
    • 数据绑定

      直接从数据模型向Gantt组件提供数据。无论您的任务列表是平面的,还是包含多个级别子任务的更复杂的层次结构,组件都将以任何一种方式处理它们,使设置变得非常简单。
      数据绑定
    • Blazor甘特柱

      图表的列很灵活,使用户可以很好地俯瞰整个过程——每个任务及其子任务的开始和结束日期。该控件还根据当前视图(每日、每周、每月等)显示具有不同时间间隔的列。
    • 列调整

      Gantt TreeList列现在可以调整大小以获得最佳的用户体验(时间视图中的列仍然由控件在内部管理)。我们还添加了一个选项来切换大小调整,以避免随机大小。
      Telerik UI为Blazor甘特-柱调整
    • 列重新排序

      与调整大小类似,对所有Gantt树列表列也可以进行重新排序。拖放标题将把整个列移动到选定的位置并保持在那里。每个演示都提供了启用/禁用重排序的选项。

      为Blazor甘特列重新排序的Telerik UI
    • 的观点

      根据项目的阶段和涉众,不同的视野可能是有趣的——一些涉众(如开发人员)希望看到最直接的下一步,日复一日。团队领导可能关心每周的进度。销售代表将在完成月度路线图后到场。它们都可以通过日、周、月和年视图自由地更改图表的当前大小和比例。

      查看Blazor甘特视图演示
    • 开拓者甘特分院

      没有数据排序能力的控制是不完整的。甘特图允许用户根据一个或多个列进行升序或降序排序。通过单击列名触发此操作。
    • 自定义弹出编辑窗口

      Blazor Gantt组件在专用的TreeListPopupEditSettings标记中公开了弹出窗口编辑器的多个设置。你可以设置(最大值)宽度,(最大)高度,CSS类和窗口的方向,并自定义内置的任务编辑。

    • 放大到适合

      时间轴部分中的甘特日期范围可以与主要或次要日期槽对齐显示。对于每个Gantt视图,您可以灵活地选择最适合开始和结束范围的选项。例如,如果您需要根据一周的开始(而不是默认的月初)计算Gantt Month视图,您可以将RangeSnapTo参数用于MinorSlot。

      参见Blazor Gantt缩放以适应功能的示例。

      Telerik UI为Blazor甘特Zoom to Fit
    • 自定义时间轴标题的日期格式

      对于每个Blazor Gantt视图(日、周、月和年),您可以在组件时间轴部分中控制主要槽头和次要槽头的日期格式。

    • 甘特事件

      你可以利用许多甘特事件,并为其任务实现自定义逻辑:

      • OnEdit—当Gantt项即将被编辑时引发(包括双击时间轴中的任务或树列表部分中的编辑事件等效物)
      • OnExpand & OnCollapse—当任务展开/折叠时会引发
      • OnStateChanged事件——触发每一个Gantt或TreeList状态变化
      • OnStateInit事件——在组件初始化时填充状态
      • GetState()方法——返回Gantt状态
      • SetStateAsync() -设置甘特状态
      • 和更多!

      查看Blazor Gantt组件事件的运行情况。

    • Blazor Gantt中的自定义过滤器操作符

      您可以为筛选菜单和筛选行模式定制Blazor Gantt UI组件的默认筛选操作符列表。使用每个Gantt列中的FilterOperators参数,您可以定义自己的操作符列表。

    • 编辑

      用户可以使用以下方法编辑Blazor Gantt任务详细信息和时间轴:

      • InCell编辑(默认)——用户可以双击TreeList部分中的任务,并在单元内更改其内容
      • 内联编辑-整个甘特行设置为编辑模式通过命令按钮
      • 弹出编辑(在时间轴中)-用户可以双击时间轴部分中的任务,它会打开一个弹出窗口,其中有选项可以编辑任务的开始和结束时间、名称和进度
      • 弹出编辑(在树列表中)-单击命令按钮打开一个弹出的选项,以编辑开始任务的详细信息

      参见Blazor Gantt编辑选项的演示。
      为Blazor Gantt编辑的Telerik UI
    • 自定义编辑

      Blazor Gantt UI组件现在公开了一个EditorType参数,该参数提供了更改默认字段编辑器的简单方法。您可以灵活选择DateTime类型的DatePicker或DateTimePicker,字符串字段的TextBox或TextArea,布尔值的Checkbox或Switch。

      了解如何利用Blazor Gantt中的自定义编辑器。
      Telerik Blazor Gantt自定义编辑器日期时间
    • 过滤

      过滤是该控件的核心功能——在大型项目中,您的用户将要求您拥有通过大量任务列表进行过滤的选项。

      用于Blazor甘特图组件的Telerik UI有3种类型的过滤器:

      • FilterRow

      • FilterMenu

      • FilterCheckBoxList

      用户可以根据自己的需求/项目大小选择是使用简单的过滤器(如FilterRow)还是更高级的过滤器(如Menu)。


      Telerik UI为Blazor甘特过滤
    • Blazr甘特坚持状态

      Blazor Gantt组件的UI允许在浏览会话之间保持其状态。您可以保存并加载Gantt布局,以便您的用户可以继续他们停止的地方。这包括Gantt组件的TreeList部分的所有类型的更改:扩展项、编辑项、列大小和顺序、TreeList大小(控制树列表和时间轴部分之间的拆分器位置)、排序和过滤。还可以通过在自己的代码中设置Gantt的期望状态以编程方式控制这些元素。

      了解如何保存和加载Blazor Gantt UI组件状态。

      为Blazor Gantt-State Management的UI
    • FilterEditorFormat参数

      FilterEditorFormat参数允许对默认过滤器的格式进行控制,并在列显示和过滤器编辑器中调整值的格式。

    • Blazor Gantt ToolTipTemplate定制

      Blazor Gantt组件工具提示模板现在包括StartDate和EndDate字段,其中包括任务日期的所有相关部分(年、月、日、小时、分钟等)。新的日期参数是根据ISO 8601标准格式化的,可以很容易地解析为c# DateTime对象。这将帮助您将任务日期转换和格式化为您的Blazor应用程序所需的任何格式。

    • Blazor Gantt本地化

      GanttChart组件有内置的本地化支持,这使得它很容易将文本翻译为您的Blazor应用程序可能需要的任何语言。

      全球化定位
    • Blazor甘特工具栏

      甘特工具栏允许您以一种简洁方便的方式组织常见的用户操作。它自带内置命令,用于添加新任务,并可选择添加其他常用的自定义操作。
    • 模板

      Blazor甘特图允许您在组件的树列表和时间轴部分中呈现自定义内容和格式。您可以向每个项目任务添加图像或自定义样式,在列标题中呈现特定内容,或通过模板定义自定义编辑器。此外,您可以利用在Gantt时间轴及其工具提示中可视化的任务中的自定义内容。

      了解如何使用Blazor Gantt模板渲染自定义内容。


      Telerik UI为Blazor甘特任务模板
    • Blazor甘特任务类型

      该控件支持3种类型的任务—通常用于工作的常规任务、表示追求相同目标的一组任务的摘要任务和里程碑—持续时间为零的常规任务,通常用于表示项目的重要部分已经达到。
    • 任务依赖关系

      现在,Blazor Gantt组件的Telerik UI使您能够链接任务并建立它们之间的依赖关系。您可以将任务标记为相互依赖。该组件支持四种项目管理依赖类型:开始到结束、开始到开始、结束到开始和结束到结束。通过向甘特图提供关系信息,它将在时间范围内线性地显示所有任务,并根据前一个任务的完成情况更新每个任务的开始和结束日期。
      Balzor Gantt-component-dependency-types
    • 键盘导航

      Blazor Gantt组件允许用户仅使用键盘来导航面板。无论应用程序的用户是键盘狂热用户还是更喜欢老式的鼠标方式,他们都喜欢使用控件。
      Telerik用户界面为Bazor键盘导航
    • 主题

      Telerik Blazor Gantt组件有几个内置主题比如Default(我们自己的样式),Material(基于材质设计指导方针)和Bootstrap(看起来像Bootstrap样式以便更好地集成)。你可以很容易地定制任何开箱即用的主题,样式化一个特定的组件实例或创建新的主题来匹配您的颜色和品牌使用Telerik SASS ThemeBuilder应用程序

    所有Blazor组件

    下一个步骤

    发射演示

    请参阅用于Blazor的Telerik UI,看看它可以做多少开箱即用的工作。

    下载免费试用

    尝试为Blazor提供专门的技术支持的Telerik UI。

    Baidu
    map