JsPlumb — Основные советы по настройке

Я никогда раньше не использовал jsplumb, читал часть документации и просматривал демоверсии, но до сих пор не понимаю.

Я хочу создать DIV следующим образом: введите здесь описание изображения

Один вход и до 8 выходов (это значение может измениться) Как мне это сделать?

Я рассмотрю возможность клонирования этого div и увеличения идентификатора div, чтобы в итоге у меня могло получиться два или более div, которые должны иметь возможность соединяться таким образом.

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

Может ли кто-нибудь помочь с этим или указать мне несколько простых примеров.

Спасибо


jsplumb
person Tom    schedule 03.06.2015    source источник
comment
jsplumbtoolkit.com/demo/flowchart/dom.html — 2 выхода/2 входа. jsplumbtoolkit.com/demo/draggableConnectors/dom.html — несколько выходов и входов.   -  person coding_idiot    schedule 03.06.2015

Ответы (1)


arrow_upward
1
arrow_downward

Вам нужно добавить больший div в качестве целевой конечной точки и меньший div в качестве исходной конечной точки.

 var e1 =  jsPlumb.addEndpoint(idSource, sourceEndpoint);
        var e2 =  jsPlumb.addEndpoint(idTarget, targetEndpoint);

где sourceEndpoint и targetEndpoints — это объекты с определениями того, как будет выглядеть и вести себя конечная точка.

Взгляните на один из примеров, чтобы получить желаемое поведение. Затем jsPlumb должен позволить вам перетаскивать соединения из источника в целевые объекты. Демонстрация конечного автомата делает почти то же самое, что вам нужно.

http://www.jsplumb.org/demo/flowchart/dom.html

person Pratik    schedule 09.06.2015
comment
Спасибо - я просматриваю несколько демонстраций и, кажется, приближаюсь. - person Tom; 11.06.2015