jsPlumb - отключить перетаскивание для конечных точек - PullRequest
Новая
       10

jsPlumb - отключить перетаскивание для конечных точек

0 голосов
/ 24 октября 2018

Я пытаюсь отобразить статическую страницу, чтобы показать несколько элементов, связанных с Блок-схемой соединителей.

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

Однако по умолчанию конечные точки реагируют на щелчки мыши - их можно перетаскивать, и даже хуже: все соединение исчезает после отпускания кнопки мыши.

Вот часть моего кода, которая создает связь между двумя элементами div: 

<div id="elema" class="elema">a test</div>
<div id="elemb" class="elemb">a really, ridiculously long test</div>

<script type="text/javascript">
    jsPlumb.ready(function() {

        jsPlumb.connect({
            source:"elema",
            target:"elemb",
            anchors: ['Right', 'Left'],
            connector: [ "Flowchart", { cornerRadius: 20 } ],
            endpoint: ["Dot", {"enabled": false}]
        });

    });
</script>

Документация API довольно ясно заявляет , что мы можем переключить enabled свойство на конечных точках:

[enabled = true] логическое значение необязательно

Должна ли конечная точка быть включена для событий мыши (перетаскивание).

Однако, похоже, это ничего не делает.

Я очень плохо знаком с Javascript, поэтому заранее прошу прощения, если мне не хватает чего-то очевидного.

PS Я 'используя JsPlumb 2.8.0 (Community Edition).

Ответы [ 2 ]

0 голосов
/ 25 марта 2019

На самом деле, когда я так делаю, это работает. 

var sourceEndPoint = {
    endpoint: "Dot",
    enabled: false, // to disable dragging
    paintStyle: {
        stroke: "#9e9e9e",
        fill: "#ffffff",
        radius: 5,
        strokeWidth: 1
    },
    isSource: true,
    connector: [ "Bezier", { curviness: 50, stub: 0 } ],  
};

 instance.addEndpoint(toId.toString(), sourceEndpoint, {anchor: outAnchor, uuid:sourceUUID});
0 голосов
/ 25 октября 2018

Нашли решение. 

jsPlumb.importDefaults({
        ConnectionsDetachable: false
});

Вызов этого до jsPlumb.connect() отключает события перетаскивания для всех соединений (и их соответствующих конечных точек).Грубо, но так как мне вообще не нужна функциональность перетаскивания, это работает.

...