JointJS非交互元素

Question

我想禁用JointJS图中元素和链接的移动，同时保留其他功能，如元素的超链接和鼠标上链接的高亮显示。我引用了以下链接：https://groups.google.com/forum/#!searchin/jointjs/drag/jointjs/R0KZwKqfRbI/rGLJz3t4Un0J https://groups.google.com/forum/#!searchin/jointjs/read$20only/jointjs/o8CKU6N7EOI/1KGNFCQQHGUJ

但他们并没有帮到我。我尝试过: paper.$el.css('pointer-events'，'none')；但它禁用了所有内容。我只想禁用元素和链接拖动

Answer 1

假设我正确地理解了你，那么第二个链接应该会给你答案。你只需要让论文变得不具交互性：

var paper = new joint.dia.Paper({
    el: '#paper',
    width: 500,
    height: 500,
    gridSize: 1,
    graph: new joint.dia.Graph,
    interactive: false
});

这将禁用元素/链接/顶点的任何移动，同时保持突出显示功能。

Answer 2

paper.$el.css('pointer-events', 'none');

将禁用纸张上的所有内容的移动。如果您想要禁用特定元素的移动，请使用它。

element.attr({rect:{style:{'pointer-events':'none'}}});

详情请点击此处：Make elements 'not selectable' in jointjs

Answer 3

我的建议是获取事件对象，并使用您自己的用于禁用/保持连接的ligic。如何做到这一点：

   var b_paperDraggable = false;
   var b_paperPropertise = false;

paper.on('cell:pointerdown', function (cellView) {

    if (b_paperDraggable == true) {
        //...
    }
    if (b_paperPropertise == true) {

        openPropInModal(cellView.model.id, cellView.model.attributes.elmTypeID);
        $("#modal-container").modal();
    }
});