javascript - JointJs - onConnect 链接事件

Question

我正在尝试创建一个板，用户可以在其中动态添加 block 并将 block 与链接连接起来。 (类似 this 但动态)我正在使用 JointJs 框架，到目前为止一切都按预期工作，但我需要在用户连接两个 block 时显示一些信息。我的问题是在连接 block 时找不到要处理的事件。

我查看了 this question但在我的示例中，我没有链接实例来附加事件。

Here你可以看看我的例子

下面是 block 是如何添加到板上的。 text 属性中的 ma​​gnet: true 使文本可连接。我真的需要一些帮助来找到要在链接连接时处理的事件。

 var rect = new joint.shapes.basic.newRect({
     position: { x: position, y: position },
     size: { width: 100, height: 40 },
     attrs: {
         rect: { 'stroke-width': '1',  stroke: 'black', rx: 3, ry: 3, fill: 'blue'},
         text: { text: 'Block', magnet: true,  }
     }
 });
 graph.addCell(rect);

我也查看了 mouseUp 事件和坐标，但什么也没有。非常感谢您的帮助

Answer 1

change:source 和 change:target 事件(与单元格模型触发的所有其他事件一样)传播到图形，因此您不需要引用您的链接，您可以执行以下操作:

graph.on('change:source change:target', function(link) {
    if (link.get('source').id && link.get('target').id) {
        // both ends of the link are connected.
    }
})