全部产品 > > 演示

演示

Web甘特图综合例子

计算甘特图关键路径甘特图组件的重要功能,ext-gantt组件可以计算甘特图中任意逻辑的关键路径,并高亮显示。

可以按照不同的条件突出显示甘特图中的事件,例如,进度大于7天的事件。

程序员可以自定义任务的字段,如开始时间,结束时间, 完成率,进度,最后期限等等。

可以按照不同的条件筛选甘特图中的事件,例如,进度小于30%的事件。

可以在任务树区域,使用输入框/下拉选择框/日期/数值调节器等编辑器。

单击这里查看演示
甘特图日历功能

该例子演示了甘特图的日历功能。程序可以设置工作日和非工作日,甘特图计算工期的时候可以跳过非工作日。
默认的情况下,只有周末是非工作日。 程序员可以设置其他的节假日(如国庆节),也可以将周末设置为工作日(如倒休等)。
节假日的类型是`Gnt.model.CalendarDay`, 存储在calendar的store里面.
特殊的日期也可以用特殊的样式来显示。

单击这里查看演示
为任务分配资源

可以通过下拉框为某个任务分配人员、资源。分配的资源会显示在甘特图的横道上方

单击这里查看演示
查看任务基线

甘特图可显示或隐藏任务基线,便于和计划比较

单击这里查看演示
惰性渲染

当任务节点较多的时候,可以通过设置惰性渲染来解提高甘特图的性能。处于惰性渲染的模式时,甘特图只生成可见节点;当用户滚动滚动条时,再实时的渲染到浏览器。

单击这里查看演示
分页解决甘特图中的大数据量

ext-gantt 可以按照不同逻辑对甘特图中的事件分页显示,10万数据轻松搞定。

单击这里查看演示
拖拽上升和下降任务

在本例子中, 你可以拖动任务来进行排序,或指定不同的父任务等。

单击这里查看演示
打印甘特图

甘特图支持所见及所得的方式打印。该例子演示了如何打印一个甘特图。

单击这里查看演示
更换主题/皮肤

我们提供4款不同风格的皮肤。美工也很容易自己定制自己的皮肤

单击这里查看演示