Question

我正在尝试在JointJs中以编程方式创建链接到具有端口的devs.Model对象。

我已尝试使用api（http://jointjs.com/api#joint.dia.Graph:addCell）中的addCell for graph，但由于某种原因，创建的链接未指向源和目标devs.Model对象上的正确端口圈，而是整个元素本身。

以下是我尝试使用的代码：

var link = new joint.dia.Link({
      source: {
        id: srcModel.id,
        port: 'out'
      },
      target: {
        id: dstModel.id,
        port: 'in'
      }
    });
// Assume graph has the srcModel and dstModel with in and out ports.
graph.addCell(link)

创建链接，但没有指向任何端口，所以我觉得只需要一点点调整就可以让这些链接起作用。

Answer 1

只需更改joint.shapes.devs.Link的joint.dia.Link：

  var link = new joint.shapes.devs.Link({
     source: {
       id: srcModel.id,
       port: 'out'
     },
     target: {
       id: dstModel.id,
       port: 'in'
     }
   });
  // Assume graph has the srcModel and dstModel with in and out ports.
  graph.addCell(link)

Answer 2

添加连接器和路由器。例如：

employee_id

如何在JointJs中以编程方式创建链接到端口

2 个答案: