How to drag group?

GoJS
1

Hi,
That box below making by group object and properties is node object.

I cannot drag box if mouse focus to properties inside table.
Is there anyway to drag this box if mouse focus at properties.

here is group template and node template in my graph

var groupTempl = $(go.Group, "Auto",
			{
				fromSpot: go.Spot.AllSides,
				toSpot: go.Spot.AllSides},
				new go.Binding("location", "", toLocation).makeTwoWay(fromLocation),
				new go.Binding("isSubGraphExpanded", "isExpanded").makeTwoWay(),
				$(go.Shape, "Rectangle",
					{ fill: "white", stroke: "#4472C4", strokeWidth: 2 }
				),
				$(go.Panel, "Vertical",
					{ margin: 5, defaultAlignment: go.Spot.Left },
					$(go.Panel, "Horizontal",
						$("SubGraphExpanderButton",
							{ alignment: go.Spot.Right, margin: 5, click: function(e, button) {
									var group = button.part;
									if (group instanceof go.Adornment) 
										group = group.adornedPart;
									if (!(group instanceof go.Group)) 
										return;
									var diagram = group.diagram;
									if (diagram === null) 
										return;
									var cmd = diagram.commandHandler;
									if (group.isSubGraphExpanded) {
										if (!cmd.canCollapseSubGraph(group)) 
											return;
										} else if (!cmd.canExpandSubGraph(group)) 
											return;
									e.handled = true;
									
									var linksToGroupOnly = group.findLinksConnected();
									var externalLinksConnected = group.findExternalLinksConnected();
									var externalNodesConnected = group.findExternalNodesConnected();
									
									diagram.startTransaction("expand-collapse");
									if (group.isSubGraphExpanded) {
										//show Group links, hide Node links
										cmd.collapseSubGraph(group);
										showGroupLinkGroup(externalLinksConnected,linksToGroupOnly);
									} else {
										//hide Group links, show Node links
										cmd.expandSubGraph(group);
										hideGroupLinkGroup(group,externalNodesConnected,externalLinksConnected,linksToGroupOnly);
									}
									diagram.commitTransaction("expand-collapse");
								} 
							}
						),
						$(go.TextBlock, 
							{
								alignment: go.Spot.Left,
								margin: 5,
								font: IGOV_GROUP_HEADER_FONT_STYLE,
								stroke: "#4472C4"
							},
							new go.Binding("text", "label"))
					),
					$(go.Placeholder,{padding:10})
				)
	);

	var fieldNodeTempl = $(go.Node, "Table",
			{ movable: false, selectionAdorned: false },
			new go.Binding("visible", "visible").makeTwoWay(),
			// icon
			$(go.Picture,
				{ desiredSize: new go.Size(15, 15), margin: new go.Margin(2,8,2,2), column: 0},
				new go.Binding("source", "icon")
			),
			// element
			$(go.TextBlock,
				{ stroke: "#333333",font: IGOV_ROW_FONT_STYLE, column: 1, alignment: go.Spot.Left },
				new go.Binding("text", "", function(data){return data.label;}),
				new go.Binding("isUnderline","isLinkExternal"),
				new go.Binding("font", "inforInherited", function (t){return  t ? "bold " + IGOV_ROW_FONT_STYLE : IGOV_ROW_FONT_STYLE})
			),
			$(go.TextBlock,
					{ stroke: "#333333",font: IGOV_ROW_FONT_STYLE, column: 2, alignment: go.Spot.Left },
					new go.Binding("text", "", function(data){return  " " + data.cardinality;}),
					new go.Binding("isUnderline","isLinkExternal"),
					new go.Binding("visible", "CardinalityOnFields").makeTwoWay(),
					new go.Binding("font", "inforInherited", function (t){return  t ? "bold " + IGOV_ROW_FONT_STYLE : IGOV_ROW_FONT_STYLE})
			),
			{toolTip:
				$(go.Adornment, "Auto",
					$(go.Shape, { fill: "#FFFFCC" }),
					$(go.TextBlock, { margin: 4 },
					new go.Binding("text", "inforInherited")),
					new go.Binding("visible", "inforInherited", function (t){return t ? true : false;}),
				),// end of Adornment
			}
	);
2

The easy solution is to make those member Nodes not Part.selectable. But I don’t know if that would be suitable for your app.

More generally, I think you need to override DraggingTool.findDraggablePart not to return the selectable member Node but to always return the node’s Part.containingGroup.

3

thank you, Walter.