как сделать родительский mxcell в библиотеке javascript mxgraph

Я использую библиотеку javascript mxgraph. Сценарий: на график добавлена ​​одна плавательная дорожка. Любые фигуры могут быть добавлены в качестве дочерних элементов в дорожку для плавания (перетаскивание). Мы можем добавить n дочерних элементов. как сделать размер дорожки фиксированным независимо от количества дочерних элементов. Когда я вставляю больше дочерних вершин в разные места, размер родительской mxcell изменяется.

ожидаемый ребенок, как показано ниже:

введите здесь описание изображения

Пробовал со свойством extendParentsOnAdd/autoextend. Дочерние объекты накладываются друг на друга, как показано ниже: введите здесь описание изображения


javascript mxgraph
person user3744418    schedule 30.11.2020    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Я предлагаю вам попробовать свойство mxgraph.extendParentsOnAdd, которое, кажется, настраивает именно то, что вы ищете: https://jgraph.github.io/mxgraph/docs/js-api/files/view/mxGraph-js.html#mxGraph.extendParentsOnAddи поставь ложь

Указывает, следует ли расширять родительские элементы в соответствии с переключателем 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 (это обычно полезно во время загрузки графика когда вы предоставляете начальное определение графика)

Обратите внимание, что этот вопрос кажется очень близким к Установить ячейку mxgraph, которую можно перетаскивать только в пределах ширины холста

person redfish4ktc    schedule 01.12.2020
comment
redfish4ktc, спасибо за вклад. Я уже попробовал их. Для получения дополнительной информации я обновил свой вопрос со скриншотом. Любые дополнительные материалы могут мне помочь - person user3744418; 01.12.2020
comment
Не могли бы вы поделиться фрагментом кода? swinlane не отображается на скриншоте, который вы предоставляете, поэтому трудно помочь в этом - person redfish4ktc; 28.12.2020