Création de ports

Lorsque le lien est créé, il est connecté un port par défaut qui est une instance de AutomaticPort. Il est souvent préférable de spécifier des ancres explicites. Par exemple, lorsque deux liens sont connectés au même noeud, vous pouvez souhaiter différencier les points de connexion.
Pour définir des points de connexion fixes sur les limites d'un noeud :
  • Créez des instances de la classe BasicPort de la fonction createLink
    var createLink = function(start, end, startOffsetY, endOffsetY) 
             var link = graph.createLink();
             
             var startPort = new ibm_ilog.diagram.BasicPort();
             startPort.setPosition({x:1, y:0.5});
             startPort.setOffset({x:0, y:startOffsetY});
             
             start.addPort(startPort);
             link.setStartPort(startPort);
             
             var endPort = new ibm_ilog.diagram.BasicPort();
             endPort.setPosition({x:0, y:0.5});
             endPort.setOffset({x:0, y:endOffsetY});
             
             end.addPort(endPort);
             link.setEndPort(endPort);
             
             return link;
          };
          
          var createNodesAndLinks = function() {
             var node1 = createNode("Node 1", 100, 200);
             var node2 = createNode("Node 2", 300, 100);
             var node3 = createNode("Node 3", 300, 300);
             var node4 = createNode("Node 4", 500, 200);
             var link1 = createLink(node1, node2, -10,  0);
             var link2 = createLink(node1, node3,  10,  0);
             var link3 = createLink(node2, node4,  0, -10);
             var link3 = createLink(node3, node4,  0,  10);
          };
          dojo.addOnLoad(createNodesAndLinks);
    La fonction setPosition spécifie une position relative sur les limites du noeud. Par exemple, setPosition({x:0, y:0.5}) définit un port au milieu sur le côté gauche du noeud. La fonction setOffset spécifie un décalage facultatif, par exemple, setOffset({x:0, y:10}) décale le port vers le bas de 10 pixels.
Voici le graphe résultant avec des ancres de limite explicites :
Graphe constitué de quatre noeuds rectangulaires, chacun doté d'un libellé : Node 1, Node 2, Node 3, Node 4. Node 1 est situé à gauche, Node 2 en haut, Node 3 en bas et Node 4 à droite du graphe.
Node 1 est connecté à Node 2 et Node 3 avec des liens terminés par une flèche. Node 2 et Node 3 sont connectés à Node 4 avec des liens terminés par une flèche. Les points de connexion des liens sont distincts.