How can I create a AlloyUI DiagramBuilder from the JSON returned by DiagramBuilder.toJSON()?

Question

DiagramBuilder.toJSON() returns a JSON representation of the diagram. How can I use this JSON object to create a new DiagramBuilder with the same diagram?

Answer 1

You can pass the jsonData.nodes to the fields attribute of the DiagramBuilder :

var diagramBuilderJSON = diagramBuilder.toJSON();
new A.DiagramBuilder({ fields : diagramBuilderJSON.nodes }).render();

Answer 2

You can pass the result of DiagramBuilder.toJSON() to the fields parameter of the DiagramBuilder. See the example below.

jsonData = DiagramBuilder.toJSON();
new Y.DiagramBuilder({
    fields : jsonData.nodes,
    availableFields: availableFields,
    boundingBox: '#diagram-builder-container',
    srcNode: '#diagramBuilder',
    render: true
});