Problem with Group expand

@Klim wrote:

Hi!
I have problem with groups expand. I set isOngoing and isSubGraphExpanded for group. After opening group members are not displayed.

Аннотация 2019-12-30 180851.png754×432 1.66 KB

myDiagram.groupTemplateMap.add(“OfGroups”,
$(go.Group, “Auto”,
{

            background: "transparent",
            isSubGraphExpanded: false,
            mouseDragEnter: function(e, grp, prev) { highlightGroup(e, grp, true); },
            mouseDragLeave: function(e, grp, next) { highlightGroup(e, grp, false); },
            computesBoundsAfterDrag: true,
            mouseDrop: finishDrop,
            handlesDragDropForMembers: true,

            layout:
                $(go.GridLayout,
                    {
                        alignment: go.GridLayout.Position,
                        cellSize: new go.Size(1, 1), spacing: new go.Size(4, 4), isOngoing: false,
                    })
        },
        new go.Binding("background", "isHighlighted", function(h) { return h ? "rgba(255,0,0,0.2)" : "transparent"; }).ofObject(),
        $(go.Shape, "Rectangle",
            { fill: null, stroke: "#FFDD33", strokeWidth: 2 }),
        $(go.Panel, "Vertical",
            $(go.Panel, "Horizontal",
                { stretch: go.GraphObject.Horizontal, background: "#FFDD33" },
                $("SubGraphExpanderButton",
                    { alignment: go.Spot.Right, margin: 5 }),
                $(go.TextBlock,
                    {
                        alignment: go.Spot.Left,
                        editable: true,
                        margin: 5,
                        font: "bold 18px sans-serif",
                        opacity: 0.75,
                        stroke: "#404040"
                    },
                    new go.Binding("text", "text").makeTwoWay())
            ),
            $(go.Placeholder,
                { padding: 5, alignment: go.Spot.TopLeft })
        )
    ));

myDiagram.groupTemplateMap.add("OfNodes",
    $(go.Group, "Auto",
        {
            isSubGraphExpanded: false,
            background: "transparent",
            ungroupable: true,
            computesBoundsAfterDrag: true,
            handlesDragDropForMembers: true,
            layout:
                $(go.GridLayout,
                    {
                        wrappingColumn: 1, alignment: go.GridLayout.Position,
                        cellSize: new go.Size(1, 1), spacing: new go.Size(4, 4), isOngoing: false
                    })
        },
        new go.Binding("background", "isHighlighted", function(h) { return h ? "rgba(255,0,0,0.2)" : "transparent"; }).ofObject(),
        $(go.Shape, "Rectangle",
            { fill: null, stroke: "#33D3E5", strokeWidth: 2 }),
        $(go.Panel, "Vertical",
            $(go.Panel, "Horizontal",
                { stretch: go.GraphObject.Horizontal, background: "#33D3E5" },
                $("SubGraphExpanderButton",
                    { alignment: go.Spot.Right, margin: 5 }),
                $(go.TextBlock,
                    {
                        alignment: go.Spot.Left,
                        editable: true,
                        margin: 5,
                        font: "bold 16px sans-serif",
                        opacity: 0.75,
                        stroke: "#404040"
                    },
                    new go.Binding("text", "text").makeTwoWay())
            ),
            $(go.Placeholder,
                { padding: 5, alignment: go.Spot.TopLeft })
        )
    ));

myDiagram.nodeTemplate =
    $(go.Node, "Auto",
        $(go.Shape, "Rectangle",
            { fill: "#ACE600", stroke: null },
            new go.Binding("fill", "color")),
        $(go.TextBlock,
            {
                margin: 5,
                editable: true,
                font: "bold 13px sans-serif",
                opacity: 0.75,
                stroke: "#404040"
            },
            new go.Binding("text", "text").makeTwoWay())
    );

Posts: 8

Participants: 2

Read full topic