如何使用javascript将mxworkflow编辑器保存为Xml

时间:2017-12-05 05:20:35

标签: javascript mxgraph

我使用mxWorkflow -Editor绘制工作流程

然后我尝试将工作流保存为xml,但它无法正常工作

我试过这个

  function GetXML(container)
{
    var graph = new mxGraph(container);
    var enc = new mxCodec();
    var node = enc.encode(graph.getModel());

    var model = graph.getModel();
    try
    {
       // var graph = new mxGraph(container);
        graph.model.addListener(mxEvent.CHANGE, function (sender, evt) {

            var changes = evt.getProperty('edit').changes;

            for (var i = 0; i < changes.length; i++) {
                var change = changes[i];

                if (change instanceof mxChildChange &&
                  change.change.previous == null) {
                    graph.startEditingAtCell(change.child);
                    break;
                }
            }
        });
    }
    finally
    {
        // Updates the display

        model.endUpdate();
       // graph.getModel().endUpdate();
    }


// Adds an option to view the XML of the graph
document.body.appendChild(mxUtils.button('View XML', function()
{
    var encoder = new mxCodec();
    var node = encoder.encode(graph.getModel());
    mxUtils.popup(mxUtils.getXml(node), true);
}));

我看了几篇文章&amp;文档,但没有找到任何东西

1 个答案:

答案 0 :(得分:0)

使用函数mxUtils.getPrettyXml

&#13;
&#13;
var button = mxUtils.button('View XML', function() {
    var encoder = new mxCodec();
    var node = encoder.encode(graph.getModel());
    mxUtils.popup(mxUtils.getPrettyXml(node), true);
});
document.appendChild(button);
&#13;
&#13;
&#13;