将单元格值设置为 mxGraph 中的超链接

Question

我在 mxgraph 和图表页面上工作时，我们 select 一个单元格并给出一个值，它应该仅显示为超链接。但是当我使用 html、锚标记或其他方式时，整个代码在单元格中显示为文本。即使我尝试动态输入值，它也会显示为文本。

  var Element123 = "<html><a href=''/Graph/Graph/' + globals.getProjID() + '/' + newValue +' '>' "+ selctedItem +" </a></html>"
            this.graph.labelChanged(cell, Element123, evt);
            this.graph.getModel().endUpdate();
        }

这里的 newValue 是下拉列表中 selected 选项的 ID。

Answer 1

以下是我在 mxGraph 中为单元格值添加点击事件的方法。 -

mxEvent.addListener(name, "click", function () { } );

Answer 2

您需要在标签中启用 HTML。您可以通过调用 graph.setHtmlLabels(true) 对所有单元格执行此操作。或者您可以覆盖以下方法来决定每个单元格：

/**
 * Function: isHtmlLabel
 * 
 * Returns true if the label must be rendered as HTML markup. The default
 * implementation returns <htmlLabels>.
 * 
 * Parameters:
 * 
 * cell - <mxCell> whose label should be displayed as HTML markup.
 */
mxGraph.prototype.isHtmlLabel = function(cell)
{
    return this.isHtmlLabels();
};

将单元格值设置为 mxGraph 中的超链接

set cell value as hyperlink in mxGraph

html

javascript

jquery

mxgraph