Curved links to collapsed group

GoJS
1

Hello, Walter. There are one node (A) and a group with two child nodes (B, C). Two links are created between these nodes: A - B and A - C. When we collapse group we reconnect these links from nodes B, C to that group. The purpose of this is to show links curved (links to child deviced in collapsed group remain straight). Is there any better approach to get curved links?

2

Could you please show a small screenshot for how it is now, and another small screenshot (or mark up the original one) showing how you want it to be?

3

Sure.

curved-links-sample
curved-links-sample388×657 31.4 KB

4

Does something like this Group.subGraphExpandedChanged event handler help?

    myDiagram.groupTemplate =
      $(go.Group, "Auto",
        {
          subGraphExpandedChanged: function(grp) {
            var exts = grp.findExternalLinksConnected();
            var num = exts.count;
            if (num === 0) return;
            var c = -num/2 * 10;
            if (num % 2 === 1) c += 10/2;
            exts.each(function(l) {
              l.curviness = grp.isSubGraphExpanded ? NaN : c;
              c += 10;
            });
          }
        },
        $(go.Shape, "RoundedRectangle", { fill: "white" }),
        $(go.Placeholder, { padding: 10 }),
        $("SubGraphExpanderButton", { alignment: go.Spot.TopRight })
      );

The details of the group template don’t really matter.

1 Like