英文版dhtmlxGantt使用教程

选择dhtmlxGantt的原因：完全可定制，dhtmlxGantt提供了丰富而灵活的JavaScript API，可让您配置JavaScript / HTML5甘特图的每个元素：自定义时间刻度，定义网格结构，更改任务栏的颜色，向任务栏添加文本或任何自定义HTML，定义任务之间的依存关系（关系）等等。任务编辑表单（灯箱）也可以自定义为包括新的自定义字段。资源管理，dhtmlxGantt库通过使用资源管理功能帮助估计项目的每个参与者的工作量。您可以通过显示资源图将资源分配给任务，并清晰地查看项目和资源的容量和工作量。您不但可以将资源视为人力资源，还可以将设备、金钱、时间等视为资源。DHTMLXGantt具有所有必要的功能，包括不同的任务类型、调度技术和资源管理。英文版dhtmlxGantt使用教程

dhtmlxGantt许你创建动态甘特图，并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt，你可以显示活动之间的依赖关系，显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。反应性，新甘特图的主题是它们的反应性。应用于属性的更改与在图表中呈现它们之间没有时间滞后。无论您是在编辑表单中更正任务详细信息，还是要在网格或时间轴区域中处理任务，一切都将同步并立即做出反应。超快的性能，React Gantt，Svelte Gantt和Vue Gantt本质上发展迅速。它们以毫秒为单位渲染一万多个任务。因此，用户与甘特图的交互是快速，流畅的。英文版dhtmlxGantt使用教程DHTMLXGantt非常适合具有数千个任务的复杂项目，这些项目可以相互关联。

dhtmlxGantt v70新功能：70版不但为我们的客户端库提供了几个主要更新，而且还为Nodejs推出了开拓性的服务器端甘特模块。该服务器附加组件将使您能够访问DHTMLX Gantt的逻辑，并使您能够执行计划分析，接收来自不同来源的用户操作触发的实时更新以及相应地同步Gantt计划。客户端库v70的新功能包括使用合并的日历将具有不同工作日历的资源分配给同一任务，以分钟为单位设置工作时间，通过拖放对Grid列进行重新排序，自定义快速信息的功能弹出窗口，通过使其宽度灵活来调整Grid列，并通过API操纵内容安全策略（CSP）兼容性。此外，DHTMLX Gantt中的包结构以及本地化和扩展的工作方式也有所变化。在我们的文章中深入研究发行细节。

如何在dhtmlxGantt网格中的内联编辑？dhtmlxGantt提供了两个用于编辑内容的选项？在Lightbox编辑表单的帮助下；通过使用“网格”区域中的内联编辑器；内联编辑使您可以直接在网格中进行任何更改：创建和更新任务，设置任务之间的连接，定义开始和结束日期或修改持续时间-所有这些都通过内置编辑器进行。要启用内联编辑，您需要：指定编辑器配置列表，并使用编辑器对象的map_to属性将必要的编辑器映射到网格列。在列配置中，使用editor属性来定义应在列中使用的编辑器。dhtmlx甘特图可编辑或只读甘特图。

dhtmlxGantt可定制性所有甘特元素都可以完全自定义。可以根据需要调整网格，时间轴的配置和编辑表单。任务栏可以包含任何自定义HTML内容。您可以在没有网格的情况下或在只读模式下渲染甘特图，也可以在一页上添加多个甘特图。现场演示我们已经准备了现场演示，涵盖了React Gantt，Svelte Gantt和Vuejs Gantt的所有新发布的功能。此外，还有将甘特图与Nodejs和Go后端结合使用的示例。通过npm安装，使用Gantt开始工作从未如此简单。只需通过npm安装免除费用试用版，然后开始在项目中实施甘特图。dhtmlx-Gantt的特点是突出了生产管理中较重要的因素时间。英文版dhtmlxGantt使用教程

dhtmlx-Gantt把10张各方面的甘特图集成为一张总图。英文版dhtmlxGantt使用教程

dhtmlxGantt为了实现可重用的编辑器，需要记住一些关键点：通常，get_value不修改任务对象。该方法只返回内联编辑器的当前值。如果该值被认为是有效的，甘特将使用该值自动更新相关任务。使用map_to编辑器的配置选项可以指定任务的哪个属性应由编辑器更新，但不要将其硬编码到编辑器中。通过这种方式，您可以将编辑器重用于不同的列。除非您使用复杂的javascript小部件，否则无需在hide函数中指定任何逻辑，因此可以将其保留为空。否则，使用此方法调用析构函数或清理显示编辑器时附加的任何事件处理程序。确保实现is_changed和is_valid功能：如果is_changed始终返回true，则每次关闭编辑器时，编辑器都会触发更新（可以发送到后端）。只当输入值与初始状态相比实际发生更改时，此方法才应返回true；否则，该方法应返回true。is_valid 用于防止输入无效值。英文版dhtmlxGantt使用教程