@lutz wrote:
How to remove the group button.Can it be triggered in other ways.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible" content="ie=edge" /> <title>Document</title> <script src="https://unpkg.com/gojs/release/go-debug.js"></script> </head> <body> <div id="myDiagramDiv" style="border: solid 1px blue; height:600px"></div> <script> var $ = go.GraphObject.make; var myDiagram = $(go.Diagram, 'myDiagramDiv', { 'undoManager.isEnabled': true, // enable Ctrl-Z to undo and Ctrl-Y to redo layout: $(go.TreeLayout, { angle: 90, arrangement: go.TreeLayout.ArrangementHorizontal, isRealtime: false }) }); myDiagram.nodeTemplate = $( go.Node, 'Auto', $(go.Shape, 'Rectangle', { stroke: null, strokeWidth: 0, fill: '#fff' }), $(go.TextBlock, { margin: 7, font: 'Bold 14px Sans-Serif' }, new go.Binding('text', 'key')) ); myDiagram.linkTemplate = $( go.Link, { routing: go.Link.Orthogonal, corner: 10 }, $(go.Shape, { strokeWidth: 2 }), $(go.Shape, { toArrow: 'OpenTriangle' }) ); myDiagram.groupTemplate = $( go.Group, 'Auto', { layout: $(go.TreeLayout, { angle: 90, arrangement: go.TreeLayout.ArrangementHorizontal, isRealtime: false }), isSubGraphExpanded: false, subGraphExpandedChanged: function(group) {} }, $(go.Shape, 'Circle', { fill: null, stroke: 'gray', strokeWidth: 2 }), $( go.Panel, 'Vertical', { defaultAlignment: go.Spot.Left, margin: 4 }, $( go.Panel, 'Horizontal', { defaultAlignment: go.Spot.Top }, // the SubGraphExpanderButton is a panel that functions as a button to expand or collapse the subGraph $('SubGraphExpanderButton'), $(go.TextBlock, { font: 'Bold 18px Sans-Serif', margin: 4 }, new go.Binding('text', 'key')) ), $(go.Placeholder, { padding: new go.Margin(0, 10) }) ) ); myDiagram.model.nodeDataArray = [ { key: 'Beta', isGroup: true }, { key: 'Gamma' }, { key: 'Delta' }, { key: 'Coco', group: 'Beta' } ]; myDiagram.model.linkDataArray = [ { from: 'Beta', to: 'Gamma' }, { from: 'Coco', to: 'Delta' } ]; </script> </body> </html>
Posts: 1
Participants: 1