DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图

DHTMLX Gantt 是一款针对解决方案的交互式JavaScript/HTML5甘特图,这款甘特图主要是以图形的方式呈现项目工作流程。在本文中,我们一起来看看如何使用 DHTMLX Scheduler 在真实案例中实现项目资源管理。

DHTMLX Scheduler 是一款类似于Google日历的JavaScript日程安排控件,主要是要实现将调度功能实施到任何项目管理应用程序中。这个JavaScript 调度库附带了一组视图和功能,用于显示不同的业务活动。但是其中两个,即时间轴和单元视图,目前对我们来说更有意义,因为它们不仅可以描述和管理事件,还可以描述与它们相关的资源。

点击获DhtmlxGantt官方正式版

时间线视图

时间线视图用于使用按从左到右方向排列的单独水平时间线来描述分配给资源的事件或任务。它是调度程序组件最流行的视图,这在很大程度上要归功于使用资源的充足机会。

DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图 有了这个视图,您可以创建可分配给多个资源的多节事件(或任务)。例如,一个会议可以在不同的地点举行,或者几个员工可以共同努力应对一项艰巨的任务。
DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图 该视图还包括树模式,用于以分层顺序放置资源并在可展开/可折叠的部分中显示它们。在下面的示例中,您可以看到来自不同公司部门的专家的日程安排以及他们负责的任务。
DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图 此外,还有一种方法可以通过添加自定义 HTML 内容来使树模式下的日程安排更具信息性,如下例所示:

DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图

此处自定义标签汇总了分配给每个工作人员的任务数量。

单位视图
Units 视图比 Timeline 稍微简单一些,但对于处理具有相关资源的事件仍然非常有用。它可用于同时为多个资源(单元)创建时间表。

DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图

此视图还允许将多节事件与资源一起使用。

DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图

此视图在列中垂直显示分配资源的事件。如果需要,您还可以显示多天甚至一周的时间表,而不是 24 小时格式。

DHTMLX JavaScript 组件实现项目资源管理教程(二):DHTMLX Scheduler 处理资源的调度程序视图

如您所见,DHTMLX Scheduler 的 Timeline 和 Units 视图为您提供了足够的工具来在您的业务计划中正确应用资源。

DhtmlxGantt| 下载试用

DhtmlxGantt技术交流群:764148812

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2022年8月6日
下一篇 2022年8月6日

相关推荐

发表回复

登录后才能评论