首页 > 解决方案 > 如何在 mxgraph javascript 库中制作父 mxcell

问题描述

我正在使用 mxgraph javascript 库。场景:向图中添加一条泳道。任何形状都可以作为子项添加到泳道(拖放)。我们可以添加“n”个子项。无论孩子的数量如何,如何使泳道大小固定。当我在不同的地方插入更多的孩子顶点时,父 mxcell 的大小会发生变化。

预期的孩子如下:

在此处输入图像描述

尝试使用 extendParentsOnAdd/autoextend 属性。子对象中的对象相互重叠,如下所示 在此处输入图像描述

标签: javascriptmxgraph

解决方案


我建议您尝试一下mxgraph.extendParentsOnAdd似乎可以准确配置您正在寻找的属性: https ://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph .extendParentsOnAdd并将其设置为 false

如果添加单元格,则指定是否应根据 extendParents 开关扩展父级。默认为真。

您可能还需要配置https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph.extendParents

指定在调整子项大小后父项是否应包含子项边界。默认为真。这优先于 constrainChildren。

还有其他关于自动扩展的配置属性,比如 https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph.autoExtend(这个通常在 graph提供初始图形定义时的加载时间)

请注意,这个问题似乎非常接近Set mxgraph cell only draggable within the canvas width


推荐阅读