当前位置: 首页 > 知识库问答 >
问题:

在jSplumb中移动连接器边缘

洪光霁
2023-03-14

我在这里使用jsPlumb的演示:

在此演示中,无法将现有连接移动到不同的目标节点。知道怎么做吗?

其他一些示例具有可移动的连接,但它们也使用节点上的特定endpoint。我喜欢这个特定的示例,其中我可以将连接终结点拖动到目标节点的任何点。

共有1个答案

吉玉宸
2023-03-14

在示例中,您可以将连接移动到另一个目标,

您可以将鼠标悬停在小点内,当光标变成手时,您可以单击并将连接移动到另一个目标。

我经常这样做,就像在图片中,我从他们的原始目标移动了一些连接。

 类似资料:
  • 我想画一个流程图。我动态创建div,并为每个div设置了唯一的“id”属性,并使用Jsplumb连接器连接它们。 我从数据库中获取源和目标id(请注意,动态创建的div的“id”属性是其从数据库中的id),并存储在“connectors”json中。其格式如下: {[from:A,to:B],[from:A,to:C],[from:B,to:C]} jsplumb代码如下 问题: 我现在拥有的是

  • 使用jsPlumb,我成功地进行了以下设置: 有多个节点与特殊类型流程图中的节点类似。 先举个小例子:http://fiddle.darkspot.ch/ivr/flowchart/ivrplumb.html (经过一个小时的尝试,不幸的是我没有让它在JSFIDLE上运行——所以我自己主持了它) 我想要实现的是:如果用户将新连接从一个出口拖到另一个节点,那么应该按照预期建立连接。但是应该删除此出口

  • 我试图以编程方式建立一些连接。问题是,当绘制连接时,会创建新的endpoint,而现有endpoint不再可单击。我确实有拖动行为的endpoint。我无法让endpoint(由连接创建)具有与原始endpoint相同的属性。 我做了一个工作jsFiddle:http://jsfiddle.net/SCSaf/4/ 在下面的代码中,初始化容器并绘制连接 在公共变量中,我尝试将源endpoint(e

  • 我们正在进行一个项目,该项目使用JSPlumb进行工作流呈现,并维护一个单独的数据模型,其中包括节点(id、位置、文本等)和连接,使用JSPlumb.bind使其与事件保持同步 当我开始重新创建连接时,我使用源和目标参数调用jsPlumb.connect,但ID似乎是在幕后创建的,因此与从数据模型加载的内容不匹配。这将是好的,除了在我不想删除该连接的ID从模型。。。 有没有办法手动设置连接器的ID

  • 我试图创建动态endpoint,作为我的连接和运行问题的覆盖。我试图模拟这个人在SO上有什么: jsPlumb连接自定义覆盖-endpoint未移动 然而,当我达到这一点时,无论我尝试做什么: 我无法识别连接。我尝试将此逻辑放入绑定连接中,但在尝试建立连接覆盖时,这也不起作用。在这方面提供任何帮助都会非常有帮助。

  • 运行下面的代码段,将至少两个项目拖到中心,按“创建”按钮并尝试连接endpoint以查看问题。 当我尝试连接来自不同div的endpoint时,它们实际上是连接的,但问题是,连接路径显示错误。它始终连接源endpoint所在的同一个div中的endpoint。尽管如此,如果您将鼠标悬停在我真正想要连接的点上,这表明连接已经完成,甚至拖动也可以工作。亲自尝试一下,获得完整的体验。