Click the node to change the background color of the node

GoJS
1

image.png1132×690 12 KB

Hope is the picture below

Click after

image.png1088×640 3.03 KB

And can change the color of the node border when you click

Thank you！

2

https://gojs.net/latest/intro/events.html#HigherLevelInputEvents

Note also the difference between clicking and selecting:
https://gojs.net/latest/intro/events.html#ClickingAndSelecting
Although in that example it is selecting that is changing the Shape.fill, not clicking.

Such changes in click event handlers should be executed within a transaction.

3

myDiagram.nodeTemplate =
goi(go.Node, “Horizontal”,
{
click: function (e, obj) {
self.nodeSelectionClick(obj);
var shape = part.elt(0);
shape.fill = part.isSelected ? “red” : “white”;
},
},

No change

4

myDiagram.nodeTemplate =
goi(go.Node, “Horizontal”,
{
click: function (e, obj) {
self.nodeSelectionClick(obj);

               },
               selectionChanged: function(part) {
                   var shape = part.elt(0);
                   shape.fill = part.isSelected ? "red" : "white";
               },
           },

No change

5

Is there a debug JS?

6

goi(go.Shape, { fill: “#8B9AA3”, stroke: null, name: “SHAPE” },
new go.Binding(“fill”, “isSelected”, function (s, obj) { return s ? “#8B9AA3” : “#CBC9C9”; }).ofObject()
),
can do this

Thanks for Walter’s help