Editable: True is not working for all the textblocks in the diagram. I can able to edit but the previous value is overlapping with the new value. The editable icon with empty textblock is not coming when I double click the text. Below is my code
// For Applinks
$(go.TextBlock,
{
name: “linkTextBlock”,
textAlign: “center”,
font: “9pt helvetica, arial, sans-serif”,
textValidation: this.validateTextLabel,
margin: 14
},
new go.Binding(“editable”, “”, function (v) {
if (v.category === “applink”) {
return false;
} else {
return true;
}
}),
new go.Binding(“text”, “linkText”).makeTwoWay()),
// For grouping
var backgroundtemplate =
(go.Node, "Auto", {
locationSpot: go.Spot.TopCenter,
isShadowed: false,
selectable: true,
resizable: true,
desiredSize: new go.Size(150, 150),
layerName: "Background",
avoidable: false,
selectionAdorned: false
},
new go.Binding("desiredSize", "size", go.Size.parse).makeTwoWay(go.Size.stringify),
new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
(go.Shape, “RoundedRectangle”, roundedBackgroundRectangleParams, {
name: “SHAPE”,
fill: “#fff”,
strokeWidth: 1,
stroke: ‘#e3e3e3’,
fromLinkable: false,
fromLinkableSelfNode: false,
fromLinkableDuplicates: false,
toLinkable: false,
toLinkableSelfNode: false,
toLinkableDuplicates: false
}),
(go.Panel, "Vertical", {
alignment: go.Spot.TopLeft,
alignmentFocus: go.Spot.TopLeft,
},
(go.TextBlock, {
margin: 10,
editable: true,
font: ‘14pt sans-serif’
},
new go.Binding(“text”).makeTwoWay()
)
)
);