Wie fügt man der Knotenvorlage neue Eigenschaften hinzu, die mit GoJS im Json-Diagrammmodell gespeichert werden?

Question

Ich meine auf Art der Anwendung mit Palette auf der linken Seite und Diagrammbereich auf der rechten Seite.

Zum Beispiel habe ich den folgenden Knoten Vorlage:

var inputTemplate = 
    $(go.Node, "Spot", 
    nodeStyle(), 
    $(go.Shape, "Circle", shapeStyle1(), 
     { fill: red }), // override the default fill (from shapeStyle1()) to be red 
    $(go.Shape, "Rectangle", portStyle(false), // the only port 
     { portId: "", alignment: new go.Spot(1, 0.5) }), 
    { 
     doubleClick: function (e, obj) { 
      window.open("http://www.microsoft.com", "_blank"); 
    }} 
    ); 

Und wollen Guid-Eigenschaft auf Knotenebene hinzuzufügen, die in Json Modell angezeigt wird, wenn wir das Diagramm mit toJson Funktion speichern. Wie es geht?

Answer 1

Sie können den Modelldaten beliebig viele Eigenschaften hinzufügen. Stellen Sie sicher, dass der Eigenschaftsname nicht mit einem Unterstrich ("_") beginnt und dass der Eigenschaftswert JSON-serialisierbar ist. Lesen Sie die Anforderungen unter https://gojs.net/latest/api/symbols/Model.html.

Wenn Sie GUIDs als Schlüsselwerte verwenden möchten, stellen Sie zunächst sicher, dass alle vorhandenen Knotendaten über eindeutige GUID-Zeichenfolgenwerte verfügen. Und legen Sie Model.makeUniqueKeyFunction auf eine Funktion fest, die eine neue GUID-Zeichenfolge zurückgibt.

Dies ist ein Duplikat von https://forum.nwoods.com/t/how-to-add-new-property-to-node-template-that-will-be-saved-to-json-diagram-model/8726.