For example, you can submit to server a diagram drawn interactively by the user and examine its contents there by iterating over the nodes and links members of the Diagram class:<\/p>\n
\/\/ on client side\n$.ajax(\n{\n\ttype: \"post\",\n\turl: \"http:\/\/localhost:1234\/diagram\", \n\tcontentType: \"application\/json\",\n\tdata: diagram.toJson(),\n\tsuccess: function(data)\n\t{\n\t\tconsole.log('success');\n\t},\n\terror: function(jqXHR, textStatus, err)\n\t{\n\t\tconsole.log(err);\n\t}\n});\n\n\/\/ on server side\napp.post('\/diagram', function(req, res)\n{\n \/\/ won't be required in final release\n var dummyCanvas = { parentNode:{} };\n\n \/\/ create Diagram instance\n var diagram = new Diagram(dummyCanvas);\n\n \/\/ load diagram elements drawn by user\n diagram.fromJson(req.rawBody);\n\n \/\/ examine diagram contents\n console.log(diagram.nodes.length + \" nodes\");\n console.log(diagram.links.length + \" links\");\n diagram.nodes.forEach(function (node, index)\n {\n console.log(\"node \" + index + \": \" + node.getText());\n });\n\n \/\/ send some response\n res.send('ok');\n});\n<\/pre>\nOr you could build the diagram on server side and send it to the browser to render in client-side Diagram control:<\/p>\n
\/\/ on server side\napp.get('\/diagram', function(req, res)\n{\n \/\/ won't be required in final release\n var dummyCanvas = { parentNode:{} };\n\n \/\/ create Diagram instance\n var diagram = new Diagram(dummyCanvas);\n\n \/\/ create some diagram items\n var node1 = diagram.getFactory().createShapeNode(10, 10, 40, 30);\n var node2 = diagram.getFactory().createShapeNode(60, 10, 40, 30);\n var link = diagram.getFactory().createDiagramLink(node1, node2);\n\n \/\/ set nodes' content\n node1.setText(\"node.js\");\n node1.setBrush(\"orange\");\n node2.setText(\"hello there\");\n\n \/\/ send diagram json\n res.send(\n diagram.toJson());\n});\n\n\/\/ on client side\n$.ajax(\n{\n\ttype: \"get\",\n\turl: \"http:\/\/localhost:1234\/diagram\", \n\tsuccess: function(data)\n\t{\n\t\tdiagram.fromJson(data);\n\t},\n\terror: function(jqXHR, textStatus, err)\n\t{\n\t\tconsole.log(err);\n\t}\n});\n<\/pre>\nTo run the sample Node.js application, run “node server.js” from command line and open http:\/\/localhost:1234\/client.html in your browser. Draw some nodes and links, edit their text and click Post to see them enumerated in Node’s console. Clicking the Get button will show this diagram built on server side:<\/p>\n
![\"diagram](\"http:\/\/mindfusion.dev\/_samples\/nodejs_diagram.png\")
<\/p>\n
For more information on MindFusion’s JavaScript Diagram API, see MindFusion.Diagramming online help<\/a><\/p>\nEnjoy!<\/p>\n","protected":false},"excerpt":{"rendered":"
MindFusion.Diagramming for JavaScript is now also available as a Node.js module, and you can use the diagram API you know and love in server code \ud83d\ude42 A sample server application and the module script are available here: diagram_nodejs.zip For example, … Continue reading