JointJS:在validateConnection事件上添加标签?

时间:2016-07-20 05:06:26

标签: jointjs

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

中执行此操作

2 个答案:

答案 0 :(得分:0)

你可以试试这个:

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

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/

答案 1 :(得分:0)

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