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

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

这篇文章给大家讲解如何利用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
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值