Example 学习笔记 - codec

阅读更多

Codec - Dynamically creating a graph from XML and encoding the model into XML, as well as changing the default style for edges in-place.

编码／解码器 可以将graph对象和xml相互转换

http://localhost/mxgraph/javascript/examples/codec.html

...
// Line: 41
// 取得div中的text
var xml = mxUtils.getTextContent(container);
// 解析为xml document
var xmlDocument = mxUtils.parseXml(xml);

// 根节点必须为mxGraphModel
if (xmlDocument.documentElement != null && xmlDocument.documentElement.nodeName == 'mxGraphModel')
{
  // 用xml document初始化创建codec
  var decoder = new mxCodec(xmlDocument);
  // 引用根节点 这里decoder.document = xmlDocument
  var node = xmlDocument.documentElement;

  ...

  // Line: 76
  // 解析xml 绘制graph图像
  decoder.decode(node, graph.getModel());

以上是codec example的核心代码。先有xml，而后创建codec解析绘制。