New to Telerik UI for ASP.NET AJAXStart 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):

  1. Get a reference to the client-side object of the underlying Kendo UI diagram as described in the Overview help article.

  2. 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.

See Also

In this article
See Also
Not finding the help you need?
Contact Support