【mxGraph】源码学习：（7）mxCell

最新推荐文章于 2024-05-09 03:43:26 发布

remo0x

最新推荐文章于 2024-05-09 03:43:26 发布

阅读量4.2k

点赞数 1

分类专栏：前端 mxGraph源码学习文章标签： mxGraph mxCell 源码

本文链接：https://blog.csdn.net/White_Idiot/article/details/83061949

版权

本文详细探讨了mxCell在mxGraph中的角色，它是图模型的元素，用于表示组、顶点和边。建议使用XML节点作为cell的自定义属性值，并介绍了如何创建这样的cell。文章还涵盖了mxCell的构造函数、原型属性和方法，为深入理解mxGraph源码提供了关键信息。

摘要由CSDN通过智能技术生成

1. 概览

mxCell是graph model的元素。它们表示graph中的group、vertex和edge的状态。

对于自定义属性，建议使用XML节点作为cell的值。以下代码可用于创建具有XML节点的cell作为值：

var doc = mxUtils.createXmlDocument();
var node = doc.createElement('MyNode')
node.setAttribute('label', 'MyLabel');
node.setAttribute('attribute1', 'value1');
graph.insertVertex(graph.getDefaultParent(), null, node, 40, 40, 80, 30);

要使标签起作用，应重写mxGraph.convertValueToString和mxGraph.cellLabelChanged，如下所示：

graph.convertValueToString = function(cell) {
   
  if (mxUtils.isNode(cell.value)) {
   
    return cell.getAttribute('label', '')
  }
};

var cellLabelChanged = graph.cellLabelChanged;
graph