这篇文章给大家讲解如何利用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()方法:
gantt.createDataProcessor(function(entity, action, data, id){
const services = {
"task": this.taskService,
"link": this

本文深入探讨了如何在dhtmlxGantt项目管理工具中实现服务器端数据集成,包括脚本数据保存、自定义路由器设置、错误处理及保持客户端-服务器同步的方法。dhtmlxGantt是一个强大的甘特图库,适用于各种项目管理场景。
最低0.47元/天 解锁文章
6685

被折叠的 条评论
为什么被折叠?



