mxgraph 根据节点id获取cell

要根据节点 id 获取 cell，可以使用 mxGraph 的 `getModel` 方法获取 dataModel，然后遍历 dataModel 中的所有 cell，通过 cell.id 属性与指定的节点 id 进行比较，匹配成功即可得到对应的 cell。

示例代码如下：

function getCellById(graph, id) {
  var cells = graph.getModel().cells; // 获取 dataModel 中的所有 cell
  for (var key in cells) {
    var cell = cells[key];
    if (cell.id === id) { // 判断 cell 的 id 是否与指定的 id 相同
      return cell; // 返回匹配成功的 cell
    }
  }
  return null; // 匹配失败，返回 null
}

其中，`graph` 是 mxGraph 实例，`id` 是指定的节点 id。使用该函数可以方便地根据节点 id 获取对应的 cell。

相关问题

mxgraph获取节点信息

在mxGraph这个JavaScript库中，用于创建和操作流程图、图形用户界面的工具，你可以通过以下步骤获取节点的信息：

1. **实例化模型**：首先需要有一个`mxGraphModel`对象，它是整个图表的数据结构。

2. **获取节点**：通过节点的唯一标识符（通常是一个字符串，如`'node1'`），你可以使用`model.getCell()`方法找到对应的`mxCell`对象，它是节点在模型中的表示。

3. **访问属性**：`mxCell`对象包含了节点的各种属性，比如位置(`x`, `y`), 标签(`value`)，以及形状(`geometry`)等。可以通过`.getAttribute()`或直接点属性名的方式获取信息，例如`cell.getAttribute('label')`获取标签文本。

4. **遍历子节点**：如果节点有子节点，可以使用`getCellChildren()`方法获取子节点列表。

var cell = model.getCell('node1');
if (cell) {
    var label = cell.getAttribute('label'); // 获取节点的标签
    var children = model.getCellChildren(cell); // 获取子节点列表
}

mxgraph 嵌入节点

要在mxGraph中嵌入一个节点，您需要创建一个包含嵌入图形的HTML元素，并将其添加到节点的cell中。以下是一个简单的示例：

// 创建一个包含嵌入图形的HTML元素
var embedElement = document.createElement('embed');
embedElement.setAttribute('src', 'path/to/embedded/file.svg');
embedElement.setAttribute('width', '100');
embedElement.setAttribute('height', '100');

// 创建一个mxCell，并将其添加到图形中
var parent = graph.getDefaultParent();
var cell = graph.insertVertex(parent, null, 'Embedded Node', 0, 0, 100, 100, 'shape=rectangle');
cell.embedHtmlElement(embedElement);

在这个示例中，我们创建了一个包含SVG图形的`<embed>`元素，并将其添加到一个`mxCell`对象中。`embedHtmlElement()`方法会将元素添加到节点的内部，并在渲染节点时显示它。

请注意，您可以在`<embed>`元素中使用任何HTML内容，包括嵌入的JavaScript、CSS样式和其他嵌入的内容。