jointjs：通过单击 link 防止添加顶点

Question

我想通过双击 link 为 link 添加标签。所以这是我的尝试：

paper.on({
    'cell:pointerdblclick': function(cellView, event, x, y){
        if (cellView.model.isLink()) {
            cellView.model.label(0, {
                position: .5,
                attrs: {
                    rect: { fill: 'white' },
                    text: { text: 'my label' }
                }
            });
        }
    },
});

问题是，通过双击，还会同时创建一个顶点。我怎样才能防止这种情况发生？

或者让用户为 link 添加标签的另一种简单方法是什么？

Answer 1

如文档中所示 (http://jointjs.com/api#joint.dia.LinkView:addVertex) 只需将此部分添加到 joint.dia.Paper:

    interactive: function(cellView) {
        if (cellView.model instanceof joint.dia.Link) {
            // Disable the default vertex add functionality on pointerdown.
            return { vertexAdd: false };
        }
        return true;
    }

jointjs：通过单击 link 防止添加顶点

jointjs: prevent adding vertex by clicking on link

javascript

jointjs