リンクの作成

Graph または Diagram の createLink 関数でリンクを作成します。Diagram ウィジェットを使用する場合は、必ず Diagram (ibm_ilog.diagram.widget.Diagram) クラスの createLink 関数 を使用してください。そうしないと、Diagram ウィジェットの一部の機能 (イベント・ディスパッチング、ナビゲーション、編集など) が正常に作動しません。
各リンクは、メソッド setStartNode() および setEndNode() で指定する 2 つのノードを接続します。
GFX 面でグラフにノードおよびリンクを直接作成するには、次のようにします。
  • GFX 面で直接 Graph を使用する場合は、以下のコードを使用します。
    var createLink = function(start, end) {
             var link = graph.createLink();
             link.setStartNode(start);
             link.setEndNode(end);
             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);
             var link2 = createLink(node1, node3);
             var link3 = createLink(node2, node4);
             var link3 = createLink(node3, node4);
          };
          dojo.addOnLoad(createNodesAndLinks);
Diagram ウィジェットを使用して、グラフにノードおよびリンク作成するには、次のようにします。
  • Diagram ウィジェットを使用する場合は、以下のコードを使用します。
    var createLink = function(start, end) {
             var link = diag.createLink(start, end);
             link.setStartNode(start);
             link.setEndNode(end);
             return link;
          };
この結果、次のようなリンクを含むグラフが作成されます。
それぞれにラベルが設定された「ノード 1」、「ノード2」、「ノード 3」、「ノード 4」の 4 つの長方形ノードで構成されるグラフ。「ノード 1」はグラフの左側、「ノード 2」は上部、「ノード 3」下部、「ノード 4」は右側にあります。
「ノード 1」は、矢印に先端のついたリンクにより、「ノード 2」および「ノード 3」に接続されています。「ノード 2」および「ノード 3」は、矢印に先端のついたリンクにより、「ノード 4」に接続されています。