dhtmlxGantt是用于跨浏览器和跨平台应用程序的功能齐全的JavaScript / HTML5甘特图,允许你创建动态甘特图,并以一个方便的图形化方式可视化项目进度。有了dhtmlxGantt,你可以显示活动之间的依赖关系,显示具有完成百分比阴影的当前任务状态以及组织活动到树结构。
在管理项目时,用户可能需要更改任务顺序或在多个甘特项目之间移动任务。今天,我们将熟悉在dhtmlxGantt中实现此功能的方式。
我们的HTML5 Gantt提供了两种在网格中对任务进行重新排序的替代方法:
- 通过拖放
- 通过分类
默认情况下,两种模式均禁用。
为了通过拖放操作使任务重新排序,我们需要将order_branch选项设置为'true':
// ordering tasks only inside a branch gantt.config.order_branch = true; gantt.init("gantt_here");
order_branch属性激活“分支”模式,该模式可对同一嵌套级别内的任务的重新排序。
更改任务位置涉及触发