Question

我有一个validateConnection事件，其中我有很多条件。现在，在其中一个条件中，我想为创建的链接添加自定义标签。我如何在validateConnection

中执行此操作

Answer 1

你可以试试这个：

为将来的标签准备一个'占位符' - 它创建一个没有文字的标签：

new joint.dia.Link({
    labels: [
       { position: 0.5 }
    ]
}),

然后在validateConnection中设置标签文本值，通过attr

validateConnection: function(cellViewS, magnetS, cellViewT, magnetT, end, linkView) {
        if (cellViewT) {
            linkView.model.prop('labels/0/attrs/text/text', cellViewT.model.attr('text/text'));
        } else {
            linkView.model.prop('labels/0/attrs/text/text', '')
        }
    }

https://jsfiddle.net/vtalas/hxbfo0m4/

Answer 2

joint.dia.Link({
             labels: [
                { position: 0.5, attrs: { text: { text: 'test' } } }
            ]

JointJS：在validateConnection事件上添加标签？

2 个答案: