项目管理工具dhtmlxGantt甘特图入门教程（十）：服务器端数据集成（下）

最新推荐文章于 2024-06-14 10:10:52 发布

小董讲MES

最新推荐文章于 2024-06-14 10:10:52 发布

阅读量758

点赞数

分类专栏：项目管理工具dhtmlxGantt中文教程内容文章标签： DHTMLXGantt dhtmlxgantt Gantt 甘特图项目管理工具

本文链接：https://blog.csdn.net/HD202202/article/details/127280775

版权

这篇文章给大家讲解如何利用dhtmlxGantt在服务器端集成数据。

脚本数据保存

如果您已初始化dataProcessor，则用户或以编程方式所做的任何更改都将自动保存在数据源中。通常，要以编程方式更新特定任务或依赖项，请分别使用updateTask和updateLink方法：

gantt.parse([
   {id:1, start_date:"2019-05-13 6:00", end_date:"2019-05-13 8:00", text:"Event 1"},
   {id:2, start_date:"2019-06-09 6:00", end_date:"2019-06-09 8:00", text:"Event 2"}
],"json");
 
gantt.getTask(1).text = "Task 111"; //changes task's data
gantt.updateTask(1); // renders the updated task

自定义路由器

如果后端不需要RESTful AJAX API，或者如果您想手动控制发送到服务器的内容，您可以使用自定义路由。

例如，如果您使用Angular、React或任何其他框架，其中页面上的组件不会将更改直接发送到服务器，而是将它们传递给负责数据保存的不同组件。

要为DataProcessor提供自定义路由选项，您应该使用createDataProcessor()方法：