【问题标题】:I can't access my current element我无法访问我当前的元素
【发布时间】:2016-08-31 11:52:53
【问题描述】:

这是 Rappid Toolkit 的一个实例,它使用jointJS 来构建可视化工具,就像Web 开发一样。 http://i.stack.imgur.com/6XSis.png

在这个工具包中,您可以制作一个可以成为网站的图表。

我的问题如下:

在该图的每个元素中,其下方都有一个框,其中包含:x,y,width,height,angle。

我想更改此 boxcontent 的此信息并显示此元素的一些信息,但我必须添加我的 sn-p 的代码如下(var Halo 是图中我的元素的 var):

var halo = new joint.ui.Halo({
                cellView: cellView,

                boxContent: function(cellView) {


                     return"Here I want to display my box content info instead of x,y,width,height, angle";
                }
            }).render();    

如果我尝试在其中添加我的代码以 JSON 格式访问我当前的元素信息,我的完整代码是:

var halo = new joint.ui.Halo({
                cellView: cellView,

                boxContent: function(cellView) {
            // Drawing
            var selectedObjectDataText = JSON.stringify(this.cellView.toJSON());
        var selectedObjectDataJSON = JSON.parse(selectedObjectDataText);

                     return(selectedObjectDataJSON[0].wi_name);
                }
            }).render();    

其中 wi_name 是我的元素的名称,但在第一行中我无法访问图表的特定元素。

var selectedObjectDataText = JSON.stringify(this.cellView.toJSON()); 

由于 this.cellView.toJSON() 不起作用,是否有任何全局方法可以访问我的光环(我的图形元素)? 我试过 this.model.toJSON() this.cellView.model.toJSON() 等没有结果

【问题讨论】:

    标签: javascript variables object global-variables jointjs


    【解决方案1】:

    请注意,JointJS linkselements 是主干模型linkViewelementView 是主干视图)

    要获取属性的当前值,请使用get() 方法。

    boxContent: function(cellView) {
        return cellView.model.get('wi_name');
    }
    

    您也可以使用prop(),它还可以返回模型的嵌套属性。

    boxContent: function(cellView) {
        return cellView.model.prop('wi_name');
    }
    

    【讨论】:

      【解决方案2】:

      它适用于var selectedObjectDataText = JSON.stringify(cellView.model.toJSON());

      感谢大家的支持。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2018-04-11
        • 1970-01-01
        • 2010-11-21
        • 1970-01-01
        • 1970-01-01
        • 2021-12-08
        相关资源
        最近更新 更多