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

时间:2016-12-19 15:12:36

标签: javascript jquery text jointjs rappid

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

我的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 }
            }
        })

谢谢

1 个答案:

答案 0 :(得分:3)

您可以使用basic.Circlecell.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)。