Hi walter,
Thank you very much for your reply, and I confirmed that these two versions have difference may cause the problem:1.7.22&1.7.23. And the group layout is reason why the above problems will arise. And must be group within the group.
For some reason, I think I can not tell the contents of the project, sorry. But I made a simple that can reproduce this problem based GoJS sample, you may find reason by follow step:
-
Make breakpoint on myDiagram.commitTransaction("add employee");(line 36 in the example below), then double click one node
-
After completing step1, type myDiagram.undoManager.history.o on console to get undoManager’s history.
-
Change GoJS release version to 1.7.22 to found difference.
Thank you!
Best Regards.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Org Chart Editor</title>
<meta name="description" content="An organization chart editor -- edit details and change relationships." />
<!-- Copyright 1998-2017 by Northwoods Software Corporation. -->
<meta charset="UTF-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/gojs/1.7.23/go-debug.js"></script>
<script id="code">
function init() {
if (window.goSamples) goSamples(); // init for these samples -- you don't need to call this
var $ = go.GraphObject.make; // for conciseness in defining templates
myDiagram =
$(go.Diagram, "myDiagramDiv", // must be the ID or reference to div
{
"toolManager.hoverDelay": 1, //tip's disappear 1s left
initialContentAlignment: go.Spot.Center,
"undoManager.isEnabled": true, //can redo/undo
"animationManager.isEnabled": false,//NOT ALLOW animation
hasHorizontalScrollbar: false, //cancel scrollbar
hasVerticalScrollbar: false, //cancel scrollbar
allowCopy: false //NOT ALLOW COPY
});
function nodeDoubleClick(e, obj) {
var clicked = obj.part;
if (clicked !== null) {
var thisemp = clicked.data;
myDiagram.startTransaction("add employee");
var newemp = [{ key: 10, group: 66 }, { key: 3, group: 66 }];
var aa = [{from : 1 , to:10}];
myDiagram.model.addNodeDataCollection(newemp);
myDiagram.model.addLinkDataCollection(aa);
myDiagram.commitTransaction("add employee");
}
}
// define the Node template
myDiagram.nodeTemplate =
$(go.Node, "Auto",
{ doubleClick: nodeDoubleClick },
// define the node's outer shape
$(go.Shape, "Rectangle",
{
name: "SHAPE", fill: "white", stroke: null
}),
); // end Node
// define the Link template
myDiagram.linkTemplate =
$(go.Link, go.Link.Orthogonal,
{ corner: 5},
$(go.Shape, { strokeWidth: 4, stroke: "#00a4a4" })); // the link shape
myDiagram.model = $(go.GraphLinksModel);
myDiagram.model.nodeDataArray = [
{ key: 1, group: 66 }, { key: 2, group: 66 }, { key: 66, isGroup: true,group:88 }, {key:88,isGroup:true}];
myDiagram.model.linkDataArray = [{ from: 1, to: 2 }];
myDiagram.groupTemplate = $(go.Group, "Auto",
{ // define the group's internal layout
layout: go.GraphObject.make(go.TreeLayout,
{ arrangement: go.TreeLayout.ArrangementVertical, isRealtime: false, layerSpacing: 100 },
),
// the group begins unexpanded;
// upon expansion, a Diagram Listener will generate contents for the group
isSubGraphExpanded: true
},
go.GraphObject.make(go.Shape, "Rectangle",
{ fill: null, stroke: "gray", strokeWidth: 2 }),
go.GraphObject.make(go.Panel, "Vertical",
{ defaultAlignment: go.Spot.Left, margin: 30 },
go.GraphObject.make(go.Panel, "Horizontal",
{ defaultAlignment: go.Spot.Top },
// the SubGraphExpanderButton is a panel that functions as a button to expand or collapse the subGraph
go.GraphObject.make("SubGraphExpanderButton"),
go.GraphObject.make(go.TextBlock,
{ font: "Bold 18px Sans-Serif", margin: 4 }
),
// create a placeholder to represent the area where the contents of the group are
go.GraphObject.make(go.Placeholder,
{ padding: new go.Margin(10, 30) })
)
));
}
</script>
</head>
<body onload="init()">
<div id="sample">
<div id="myDiagramDiv" style="background-color: #696969; border: solid 1px black; height: 1000px"></div>
</div>
</body>
</html>
