可拖动功能无法正常工作

时间:2015-04-15 13:53:29

标签: angularjs jsplumb gantt-chart

我正在尝试将jsPlump集成到Angular-Gantt作为实现任务依赖的插件。我已将端点添加到端点之间的任务和连接。现在我想将这些端点和连接与任务一起移动。

一开始,我根本无法移动它们。当我移动任务时,端点和连接保留在它们首次出现的位置。

现在,我尝试使用jsPlump.dragable函数来执行此过程,但它不能按预期工作。端点显示彼此靠近而不是任务。当我移动任务时,他们移动但不移动任务。此外,当我释放鼠标按钮时,任务会随着鼠标移动而继续移动。

我该怎么做才能解决这个问题?解决方案是可拖动的功能还是有其他选择吗?

修改

代码有点大,可以与其他库共享许多依赖项。我所做的就是;

var taskElement = $($element).closest('.gantt-task');//TaskElement is the DOM element of Angular Gantt's task.
var left = instance.addEndpoint(taskElement, aq.jsPlumb.endpoint, {anchor: 'Left', uuid: task.id + 'Left'});
var right = instance.addEndpoint(taskElement, aq.jsPlumb.endpoint, {anchor: 'Right', uuid: task.id + 'Right'});

instance.draggable(taskElement);

0 个答案:

没有答案