这篇文章给大家讲解如何利用dhtmlxGantt在服务器端集成数据。
存储任务顺序
甘特图显示任务的顺序与它们来自数据源的顺序相同。如果您允许用户手动重新排序任务,您还需要将此订单存储在数据库中,并确保您的数据馈送返回正确排序的数据。
客户端配置:
// reordering tasks within the whole gantt gantt.config.order_branch = true; gantt.config.order_branch_free = true; gantt.init("gantt_here"); gantt.load("/api"); var dp = gantt.createDataProcessor({ url: "/api", mode: "REST" });
保存顺序可以通过多种方式实现,我们将展示其中一种。
- 您在任务表中添加了一个数字列,我们称其为“排序顺序”。
- 在执行 GET 操作时,您按此列按升序对任务进行排序。
- 添加新任务时,它应该收到 MAX(sortorder) + 1排序。
- 当客户端更改订单时,甘特图将发送 PUT(如果您不使用 REST 模式,则为 POST) 任务的所有属性以及描述任务在项目树中位置的值。
HTTP方法 | URL | 参数 | 响应 |
PUT | /apiUrl/task |