GoJs 自定义Node模板

个人认为方便的自定义模板是GoJs的强大功能之一，使用nodeTemplateMap可以很方便地定义各种类型的模板，只要在数据模型中指定模板的名称（使用category），就可以显示相应的图形。nodeTemplateMap的使用方法如下：

myDiagram.nodeTemplateMap.add("End",
        part
      );

这里，part就是显示的模板，比如，下面是一个part的定义，显示状态图的开始节点：

var partStart=    $(go.Node, "Spot", { desiredSize: new go.Size(75, 75) },
          new go.Binding("location", "loc", go.Point.parse).makeTwoWay(go.Point.stringify),
          $(go.Shape, "Circle",
            {
              fill: "#52ce60", /* green */
              stroke: null,
              portId: "",
              fromLinkable: true, fromLinkableSelfNode: true, fromLinkableDuplicates: true,
              toLinkable: true, toLinkableSelfNode: true, toLinkableDuplicates: true,
              cursor: "pointer"
            }),
          $(go.TextBlock, "开始",
            {
              font: "bold 16pt helvetica, bold arial, sans-serif",
              stroke: "whitesmoke"
            })
        );

对应的数据如下：

 {"id":-1, "loc":"155 -138", "category":"Start"}

数据中，category指定了模板类型，loc绑定到图元的位置，这里是双向绑定，也就是图元位置的变化，会改变数据模型中的数据。

如果只定义通用的模板，可以使用：

myDiagram.nodeTemplate=part;

这种情况下，没有指定category的数据都采用缺省模板显示。