Dash link possibilities on TreeModel?

GoJS
1

It is really easy to implement dash link by using GraphLinksModel,
but is it possible to implement dash link by using TreeModel ?
( I’m using this template/sample : Org Chart Editor )
Thanks

2

Yes data bindings work for Link properties when using a TreeModel. The Link.data object will be the same as the child node’s Node.data.

In other words, put your link data properties on the child node data.

3

For example, I added this Binding to the Link template’s path Shape:

new go.Binding("strokeDashArray", "name",
               function(n) { return n.indexOf("Prince") >= 0 ? null : [5, 5]; })

The result:

Oh, to distinguish the links where they connect at a parent node, I also set the TreeLayout.portSpot property:

          layout:  // create a TreeLayout for the family tree
            $(go.TreeLayout,
              {
                angle: 90, nodeSpacing: 10, layerSpacing: 40,
                layerStyle: go.TreeLayout.LayerUniform,
                portSpot: go.Spot.BottomSide
              })