2015-06-03 3 views
0

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

Я хочу, чтобы создать DIV, как это : enter image description here

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

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

enter image description here

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

Благодаря

+1

https://jsplumbtoolkit.com/demo/flowchart/dom.html - 2 выхода/2inputs. https://jsplumbtoolkit.com/demo/draggableConnectors/dom.html - несколько выходов и входов. –

ответ

1

Вам нужно добавить больше 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

+0

Спасибо - я смотрю несколько демо и, кажется, немного приближаюсь. – Tom

Смежные вопросы