Example of Flow Chart in ASP.NET MVC Diagram Control
This sample visualizes the processing of an order placed using credit card with built-in flow shapes.
This example shows how to create a simple flow chart using the diagram control. The nodes
property
can be used to define different stages of a process. To define the flow between different stages, the
connectors
property can be used. The getNodeDefaults
and
getConnectorDefaults
properties define the default behavior of shapes and connectors.
To easily build flow diagrams, few shapes are predefined and added to symbol palette. You can drag-and-drop
predefined shapes into the drawing area. The symbols
property allows you to add predefined
symbols to the palette.
In this example, undo and redo support is enabled.