dhtml gantt所有配置_甘特图dhtmlxGantt使用教程：如何快速设置内联编辑器和编辑JavaScript Gantt数据...

dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的Gantt图表。可满足项目管理应用程序的所有需求，是最完善的甘特图图表库。它允许你创建动态甘特图，并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt，你可以显示活动之间的依赖关系，显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。

甘特图的一项基本功能是能够快速编辑项目数据。在本教程中，我们将分享有关如何设置内联编辑并使最终用户能够直接从UI创建和更改甘特任务的提示，你可以查看视频教程或文章内容。

最终用户可以通过两种方式编辑甘特图数据：

使用灯箱编辑表单；

通过网格区域中的内联编辑器。

内联编辑器为用户提供了比灯箱表单更大的优势，从而加快了编辑任务以及与我们的HTML甘特图进行交互的过程。因此，可以通过内置编辑器直接在网格中对甘特图数据进行所有更改，例如创建或更新任务，连接任务以及定义任务日期和持续时间。

内置编辑器，用于从UI编辑甘特图数据

让我们更深入地研究DHTMLX Gantt内联编辑器的设置。

您可以通过将编辑器属性添加到甘特图列来使其可编辑：

var textEditor = {type: "text", map_to: "text"};

var dateEditor = {type: "date", map_to: "start_date", min: new Date(2020, 0, 1), max: new Date(2021, 0, 1)};

var durationEditor = {type: "number", map_to: "duration", min:0, max: 100};

gantt.config.columns = [

{name: "text", tree: true, width: '*', resize: true, editor: textEditor},

{name: "start_date", align: "center", resize: true, editor: dateEditor},

{name: "duration", align: "center", editor: durationEditor},

{name: "add", width: 44}

];

编辑器对象应具有应与定义的编辑器类型之一匹配的type属性，以及将编辑器绑定到任务对象的属性的map_to属性。

其余设置特定于某些类型的编辑器。例如，您可以为数