Hello im working on a graph on typescript and the requirements are to link nodes between them and change the position of each node. i used for the shape of the nodes a picture base on the node type and im not able to have both position change of the node and create links between them.
My node template is the following:
getTemplateWithShape() {
return $(
go.Node,
'Vertical',
{
// fromLinkable: true,
// fromLinkableSelfNode: true,
// fromLinkableDuplicates: true,
// toLinkable: true,
toLinkableSelfNode: false,
toLinkableDuplicates: false,
cursor: 'pointer',
selectionObjectName: 'SHAPE',
},
new go.Binding('location', 'loc').makeTwoWay(),
$(
go.Panel,
'Auto',
$(go.Picture,
{
desiredSize: new go.Size(50, 50),
margin: new go.Margin(6, 8, 6, 10)
},
new go.Binding('source', 'AssetType', function(key) {
return 'assets/designer-images/' + key + '.png';
})
),
),
$(go.Panel, 'Horizontal',
$(
go.TextBlock,
{
name: 'SHAPE',
editable: true,//TODO FIX this.allowEdit,
font: 'bold 13px sans-serif',
opacity: 0.75,
stroke: '#404040',
alignment: go.Spot.BottomCenter,
alignmentFocus: go.Spot.TopCenter,
},
new go.Binding('text', 'label').makeTwoWay()
)
)
);
}
With the above configuration im able to move the nodes but if i uncomment the code for links i cannot move them.
This is with the above code and cannot create links
and this is the result when i uncomment the code for links and cannot move the nodes:
Any idea whats wrong with my node template config? Thanks