@hieudo wrote:
I’m trying to create a diagram looks like the screenshot below.
Basically it’s a TableLayout with 5 columns and 5 rows:
- cell [0,1] with colSpan = 2: Group 1
- cell [0,3] with colSpan = 2: Group 2
- cell [1,1] to cell [1,4]: Column 1, 2, 3, 4
- cell [2,0]: Row 1
- cell [2,1] with colSpan = 4: this area contains rectangle boxes called “containers” whose left positions are different from each other
- each “container” is a GridLayout group which contains multiple nodes
- nodes in this diagram can be moved between containers, they cannot live outside containers
Issues:
When I drag a node, its container also moves which is not expected. If I don’t use
go.Placeholderin container’s template then the container does not move but the nodes are not placed properly inside container. I tried to set {movable: false, selectable: false} to container but it does not help either. What is the correct way to achieve this?How can I make the row height expand automatically when a container receives new nodes? The row height should be equal to max height of its containers. An example would be appreciated.
You can access this demo here: https://jsbin.com/zikinilike/edit?output
Thanks
Hieu Do
Posts: 1
Participants: 1