How to add scrollbar tree mapping to go.treelayout

@zamidev wrote:

canvas1591×355 40.5 KB

i have coding like this can someone help me, i already tried scrollinggrouplayout but it conflict with my go treelayout

myDiagram.groupTemplate = $(go.Group, "Auto", 
						new go.Binding("position", "xy", go.Point.parse).makeTwoWay(go.Point.stringify), {
							deletable : false, // bisa delete kotak source/destination
						/* 	selectionObjectName: "SIZED",
							resizable: true, resizeObjectName: "SIZED",	
							 */
							layout : $(go.TreeLayout, {
								alignment : go.TreeLayout.AlignmentStart,
								angle : 0,
								compaction : go.TreeLayout.CompactionNone,
								layerSpacing : 16, // spacing masing2 node horizontal
								layerSpacingParentOverlap : 1,
								nodeIndentPastParent : 1.0,
								nodeSpacing : 0,
								setsPortSpot : false,
								setsChildPortSpot : false
							} ),
						}, {selectionObjectName: "SCROLLER",
					          resizable: true, resizeObjectName: "SCROLLER"}, $(go.Panel, "Auto",
						$(go.Shape, { fill: "transparent", stroke: "blue", strokeWidth: 2 }), // warna canvas source/dest
						 $("ScrollingTable",
						            {
						             name: "SCROLLER", 
						     /*          desiredSize: new go.Size(NaN, 60), */  // fixed width
						               /* stretch: go.GraphObject.Fill,   */      // but stretches vertically
						              defaultColumnSeparatorStroke: "gray",
						              defaultColumnSeparatorStrokeWidth: 0.5
						            },	
						            new go.Binding("TABLE.itemArray", "linkDataArray"),
						            
						   $(go.Panel, "Vertical", // posisi title source/dest
							{
							 name: "SCROLLER",
					   /*       desiredSize: new go.Size(300, 200),
					            minSize: new go.Size(150, NaN), */   
					             /* defaultStretch: go.GraphObject.Horizontal,  */
							defaultAlignment : go.Spot.Left
						},
						// margin title (Left/Right)
						/* $(go.Picture, "assets/img/file-ansi.png",{
							margin : new go.Margin(2, 5,2, 6)
						}), */
						$(go.Picture, new go.Binding("source", "key",
							function(key) {
								var iconSchema;
								if (key == -1) {
									iconSchema = iconTitle(sourceType);
								} else if (key == -2) {
									iconSchema = iconTitle(destType);
								}
								return iconSchema; // NODE NAMA
							}), {
							margin : new go.Margin(2, 5, 2, 6),
							height : 25,
							width : 20,
							column : 0,
							imageStretch : go.GraphObject.Uniform,
						}), $(go.TextBlock, {
							 name: "SCROLLER",
							column : 1,
							font : "bold 14pt sans-serif",
							margin : new go.Margin(-20, 25, 0, 25)
						}, new go.Binding("text")), $(go.Placeholder, {
							padding : 5
						}) // padding content terhadap kotak source/dest
					))));

Posts: 1

Participants: 1

Read full topic