Question

我的网络应用使用mxClient.js。我的SVG对象是使用它们的API创建的，其形式如下：

mxGraph.prototype.insertVertex = function(parent,
                                          id,
                                          value,
                                          x,
                                          y,
                                          width,
                                          height,
                                          style,
                                          relative);

但是，当我使用ID参数中的字符串初始化我的对象时，在我检查Chrome上的元素时它不会出现。这个问题有没有明显的解决方法？

到目前为止，我已尝试使用jQuery和Javascript调用svg，但无济于事。

我的代码库：

function main(container)
        {
            if (!mxClient.isBrowserSupported())
            {
                mxUtils.error('Browser is not supported!', 200, false);
            }
            else
            {
                mxEvent.disableContextMenu(container);

            var graph = new mxGraph(container);

            new mxRubberband(graph);

            var parent = graph.getDefaultParent();

            graph.getModel().beginUpdate();
            try
            {

                var v1 = graph.insertVertex(parent, "_IWID_1021", 'asdf', 31, 240, 100, 30),
                    v2 = graph.insertVertex(parent, "_IWID_2349", 'Oasdf', 160, 320, 100, 30),
                    v3 = graph.insertVertex(parent, "_IWID_3452", 'asdf', 160, 160, 100, 30),
                    v4 = graph.insertVertex(parent, "_IWID_4561", 'asdfasdf', 320, 320, 100, 30),
                    v5 = graph.insertVertex(parent, "_IWID_5670", 'asdff', 320, 160, 100, 30),
                    v6 = graph.insertVertex(parent, "_IWID_6780", 'qwerqwer', 448, 240, 100, 30),
                    v7 = graph.insertVertex(parent, "_IWID_3456", 'zxcvxzcv', 597, 240, 100, 30),
                    v8 = graph.insertVertex(parent, "_IWID_3498", 'asdfasdf', 714.6, 240, 100, 30),
                    v9 = graph.insertVertex(parent, "_IWID_1643", 'asdfasdf', 822, 240, 100, 30),
                    v10 = graph.insertVertex(parent, "_IWID_5731", 'asdfasdf', 993, 240, 100, 30),
                    v11 = graph.insertVertex(parent, "_IWID_0942", 'asdfasdf', 1113, 240, 100, 30),
                    v12 = graph.insertVertex(parent, "_IWID_2875", 'asdfasdf', 1221, 240, 100, 30),
                    v13 = graph.insertVertex(parent, "_IWID_9397", 'asdfasdfasd', 1333, 240, 100, 30),
                    v14 = graph.insertVertex(parent, "_IWID_111", 'asdfasdf', 1486, 240, 100, 30);

                var c1 = graph.insertEdge(parent, null, '', v1, v2),
                    c2 = graph.insertEdge(parent, null, '', v1, v3),
                    c3 = graph.insertEdge(parent, null, '', v2, v4),
                    c4 = graph.insertEdge(parent, null, '', v3, v5),
                    c5 = graph.insertEdge(parent, null, '', v4, v6),
                    c6 = graph.insertEdge(parent, null, '', v5, v6),
                    c7 = graph.insertEdge(parent, null, '', v6, v7),
                    c8 = graph.insertEdge(parent, null, '', v7, v8),
                    c9 = graph.insertEdge(parent, null, '', v8, v9),
                    c10 = graph.insertEdge(parent, null, '', v9, v10),
                    c11 = graph.insertEdge(parent, null, '', v10, v11),
                    c12 = graph.insertEdge(parent, null, '', v11, v12),
                    c13 = graph.insertEdge(parent, null, '', v12, v13),
                    c14 = graph.insertEdge(parent, null, '', v13, v14);
            }
            finally
            {
                graph.getModel().endUpdate();
            }
        }
    };

Answer 1

你的看法是正确的。

我一直在用砖头撞墙试图用几个星期的时间。

生成的SVG中没有任何一个包含我可以看到的任何基于HTML的合理ID属性，这意味着没有生成ID来执行jQuery或任何其他操作。

我们最终做的是保留我们创建的顶点数组，然后我们可以稍后再参考它们。

在我们的例子中，我们想要更改单元格对象中的图像，因此我们在数组中保留了引用，并在MxGraph中收到单击事件时将其匹配，然后使用其API更改图像。

我不知道它是否有任何帮助，但是......

正如我刚刚在另一个类似问题中指出的那样，在你的MxGraph事件处理程序中，如果你执行以下操作

var mouseEvent = event.getProperty('event');
var selectedCell = event.getProperty('cell');

将事件作为参数传递给事件处理程序。

然后，您可以使用

获取单击的元素的HTML

selectedCell.currentTarget.innerHTML

一旦你拥有内部HTML，理论上你就可以使用常规的JS / HTML代码来添加ID的属性或你需要的任何其他内容。

但是，如果您的所有后续内容都是ID，则使用＆＃34; insertVertex＆＃34;创建单元格时提供的ID在selectedCell对象中可以作为字符串使用。

如何使用mxGraph在SVG Elements上获取ID

1 个答案: