技术文章

当集成Dhtmlx 甘特成分 在项目管理应用程序中,我们的客户需要根据自己的需求定制甘特。光盒编辑器是甘特元素之一,经常被定制,以提高处理任务的效率。使用甘特API可以解决这个问题,但我们希望提供一个更可行的替代方案。

我们的团队提供了一个新的甘特演示,在那里,光盒编辑器是基于dhtmlx用户界面组件,并为最终用户提供额外的编辑选项。在这篇博文中,我们更详细地回顾了用套件小部件构建的甘特光盒编辑器。

基于套件小部件的甘特光盒编辑器的新功能

在我们的新演示中,甘特光盒是使用 套房图书馆 .因此,在灯箱中添加任何套件小部件都很容易。在本例中,我们在甘特编辑器中使用了6个不同的套件UI小部件,例如滑块、窗口、塔巴、表单、网格和布局。这是我们努力的结果:
检查演示;
正如您在演示中看到的,光框编辑器有四个单独的选项卡,提供编辑特定甘特功能的各种编辑选项。我们还补充了一个滑块演示,使它更方便的终端用户改变规模的甘特时间线在飞。现在让我们更详细地考虑每个标签。

任务数据

第一个"任务数据"选项卡包括几乎所有可以在我们的甘特默认光框中指定的设置(进展滑块除外)。由于使用了套件表单小部件,我们可以有方便用户的日期选择器输入。例如,在"任务数据"选项卡中,您可以看到表单小部件控件的实际应用,这些控件允许指定下列参数:任务名称、开始/结束日期、持续时间、描述和任务优先级。

现在,我们开始讨论故事中最有趣的部分,即由于使用了套件小部件,演示中可用的新编辑功能。

连结

在第二个选项卡中,您有机会操作常规任务、里程碑和项目的依赖关系链接。除了创建或删除链接等基本操作之外,还可以改变依赖性的类型,为链接选择相反的方向(从继承者到先前者,反之亦然),并为与给定依赖性相关的任务设置延迟时间。

依赖链接可以实时编辑,但是所有的更改都将在呈现后或当光框关闭时显示。添加或删除链接时,只在点击"保存"按钮后才能完成操作。

日历

工作时间日历是我们甘特组件的另一个重要特征,可以在"日历"选项卡中修改。

上面的"分配日历"部分允许选择所需的日历类型。一般来说,甘特项目的工作时间可以通过三种类型的日历来管理:全局日历(默认选项)、全日制日历和定制日历。

在为任务选择所需的日历类型之后,您可以使用同一节中提供的相应图标执行下列操作:

• 加一个日历

• 一个日历(即。相同的设置,但名称不同)

• 重新命名日历

• 删除日历(注意不能删除全球日历)

较低的"编辑日历"一节专门用于日历设置。在这里,你可以在"日期"栏中看到天数,在邻近的"小时"栏中看到这些日子的工作时间。这两个参数都可以在UI中进行修改。右边的"时间重置"按钮的使用扩大了一整天的工作时间。没有规定工作时间的天数为非工作日。

可以使用"+"按钮添加自定义日期,然后指定其工作时间。如果您需要将添加日期的小时设置应用到另一个日期,只需在左边按钮的帮助下克隆这些设置即可。新添加的日期及其设置可以通过右侧的相应按钮删除。

所有的变化都是实时发生的。如果您决定更改给定任务的日历类型,则应单击"保存"按钮,以显示在甘特的新日历。

资源

最后,我们开始探索最后一个但最值得注意的"资源"选项卡,用于编辑项目资源。此选项卡与前一个选项卡一样分为两个部分。

顶部的"分配资源"一节显示分配给它们的资源的任务。在本节的标题中,您可以添加一个新的资源分配("+"按钮)并同时删除所有分配("x"按钮)。对于每项任务,您可以指定一系列参数,例如:

• 名称-为给定任务选择的资源名称

• 价值-指定时间内使用的指定资源的价值

• 模式-分配给资源使用的时间的计算方式

• 开始-应用此资源的开始日期

• 结束-应用此资源的结束日期

• 延迟-任务开始日期与任务实际启动时间之间的时间间隔

默认情况下,指定资源从任务开始到完成使用。当您重新安排任务或更改其持续时间时,资源分配将相应地改变。但是,模式参数可以帮助您设置对资源使用的限制。这个参数包括两个附加的模式- 固定期限 和 确定日期 .与… 固定期限 模式,即使您更改了任务的持续时间,在特定的时间段内,该资源也可以用于特定的任务。… 确定日期 模式严格地将资源分配绑定到某些即使重新安排任务也不会改变的日期。

有关资源分配时间的详情,请参阅 文件 .

"编辑资源"一节,顾名思义,提供了许多编辑资源的机会。除了使用资源的标准操作(添加、克隆、删除),还有一些更特殊的设置。例如,您可以使用"部门"选项将资源划分为组。

隐藏选项有助于从资源面板中隐藏特定的资源。单元是一个定制字段,最终用户可以在该字段中编写与资源相关的任何注释。

此外,可以在相应的栏目中修改资源日历。特定资源的日历应用于分配给该资源的所有任务。但是由于只能为一个任务分配一个日历,所以有一些优先级规则。只有在"日历"选项卡中为选定的任务设置全局日历时,才会为该任务应用资源日历。其他类型的日历具有更高的优先级,并优先于资源日历设置。

包装

在这篇博文中描述的演示是一个生动的例子,说明如何使甘特光盒编辑器更有功能。使用我们的套件小部件,我们向甘特编辑器添加了一系列新的东西,这些东西在实际情况下非常有用。以前,我们 做了一些类似的事情 对结果非常满意。事实上,我们的库是相互兼容的,这大大简化了整个过程下的胡萝卜.如果你想在你的甘特图中创建一个自定义的光盒编辑器,这个 向导 在我们的文档中将为您提供关于这个问题的有用的提示。