如何在jointJS - Rappid中复制检查器编辑元素框内的文本值

Question

我想在检查器displayName编辑文本上写一些内容，将其传递给每个元素的收件箱名称。

我的javascript代码如下：

  var count = 0;
//Code to edit element inboxName with value given from displayName field
                cell.on('change:wi_displayName', function(cell, change, opt) {

                    if(count == 0){
                    //Do nothing the 1st time
                    }
                    else {
                        var inboxName = cell.get('wi_displayName');
                        cell.set( cell.attr('text/text'), inboxName);

                    }
                    count++;

                })
//End of code to edit element inboxName with value given from displayName field

但问题出在最后一行：

cell.set( cell.attr('text/text'), inboxName);

我应该如何设置值？

这个元素的模板json是：

new joint.shapes.basic.Circle({
            size: { width: 5, height: 3 },
            attrs: {
                circle: { width: 50, height: 30, fill: '#000000' },
                text: { text: 'START', fill: '#ffffff', 'font-size': 10, stroke: '#000000', 'stroke-width': 0 }
            }
        })

谢谢

Answer 1

您可以使用basic.Circle在cell.attr('text/text', inboxName)元素上设置文字属性。 attr()方法将路径作为第一个参数，该参数是attrs对象中属性的路径。请注意，cell.attr('text/text', 'MY VALUE')相当于cell.prop('attrs/text/text', 'MY VALUE')。

cell.set()只能用于设置顶级属性，因此您必须执行cell.set('attrs', { text: { text: 'MY VALUE' } })，但这会覆盖其他属性（例如您的circle）。