jsplumb: как создать новый элемент, перетащив соединитель

Я настраивал пример блок-схемы jsplumb. В настоящее время я могу перетаскивать и создавать соединители между элементами, но теперь я хотел бы перетащить элемент в пустую часть экрана (т.е. не элемент) и поймать это событие. Кто-нибудь знает, какой это будет?


javascript jsplumb
person NinjaCat    schedule 18.06.2014    source источник
comment
извините неясно, вы хотите перетащить элемент, который не является элементом?   -  person coding_idiot    schedule 19.06.2014
comment
Извините... Допустим, у меня есть 2 элемента, я могу перетащить соединитель, чтобы соединить их оба. Но я также хотел бы сказать, что если я перетаскиваю новый коннектор из элемента, и он не соответствует другому элементу... Я бы хотел создать его динамически.   -  person NinjaCat    schedule 24.06.2014
comment
есть много способов, о которых я могу думать, как это сделать. Вы начинаете с 2 источников и 2 целей, а затем при каждом новом установлении соединения (событие connection) создаете новую пару элементов/источник/цель по мере необходимости.   -  person coding_idiot    schedule 24.06.2014

Ответы (1)


arrow_upward
1
arrow_downward

Вместо использования jsPlumb.draggable используйте jQuery draggable

$(".element").draggable({
                helper: 'clone',
                // appendTo: 'body',
                start: function(event, ui) {}, // console.log(event);console.log(ui)},
                stop: function(event, ui) {}, // console.log(event);//console.log(ui)},
                revert: 'invalid',
                cursor:'move',
                opacity: 0.5,
            });

Документация по API — http://api.jqueryui.com/draggable/

start и stop — это события, запускаемые при запуске и остановке перетаскивания соответственно.

person coding_idiot    schedule 19.06.2014