New to Telerik UI for ASP.NET AJAX? Start a free 30-day trial
Export to JSON
You can export RadDiagram to a JSON object literal on the client. This is done in two simple steps (Example 1):
-
Get a reference to the client-side object of the underlying Kendo UI diagram as described in the Overview help article.
-
Call the save method of the client-side object of the diagram.
Example 1: Export a diagram to a JSON object literal.
ASP.NET
<telerik:RadDiagram ID="RadDiagra1" runat="server">
<LayoutSettings Type="Tree" Subtype="Down" Enabled="true">
</LayoutSettings>
<ClientEvents OnLoad="onLoad" />
<ShapesCollection>
<telerik:DiagramShape Id="DiagramShape1"></telerik:DiagramShape>
<telerik:DiagramShape Id="DiagramShape2"></telerik:DiagramShape>
</ShapesCollection>
<ConnectionsCollection>
<telerik:DiagramConnection>
<FromSettings Connector="Top" ShapeId="DiagramShape1" />
<ToSettings Connector="Bottom" ShapeId="DiagramShape2" />
<StrokeSettings />
</telerik:DiagramConnection>
</ConnectionsCollection>
</telerik:RadDiagram>
<script type="text/javascript">
function onLoad(diagram) {
var diagramWidget = diagram.get_kendoWidget();
var json = diagramWidget.save();
console.log(json);
}
</script>
You can find a live example of the export to JSON functionality in the JSON Import and Export demo.