ejDiagram
Namespace: Wisej.Web.Ext.Syncfusion
Assembly: Wisej.Web.Ext.Syncfusion (4.1.0.0)
Essential Diagram JavaScript creates rich Visio-like applications. It's Framework comprises of many Elements that helps you to create an application easily. The rich feature set of the Diagram control includes Snapping, Guidelines, Gridlines, Serialization and Zooming.
- C#
- VB.NET
public class ejDiagram : ejBase
Public Class ejDiagram
Inherits ejBase
Constructors
ejDiagram()
Constructs a new instance of the ejDiagram class.
Example:
The following example creates the diagram and adds one node through the options.
var diagram = new ejDiagram();
diagram.Options.nodes = new[]
{
new { name = "start", width = 120, height = 50, offsetX = 150, offsetY = 80 }
};
diagram.Dock = DockStyle.Fill;
this.Controls.Add(diagram);
ejDiagram(options)
Constructs a new instance of the ejDiagram class.
| Name | Type | Description |
|---|---|---|
| options | Object | Initial set of options. |
Example:
The following example creates a diagram with two nodes joined by a connector.
var diagram = new ejDiagram(new
{
nodes = new[]
{
new { name = "order", width = 120, height = 50, offsetX = 150, offsetY = 80 },
new { name = "invoice", width = 120, height = 50, offsetX = 150, offsetY = 220 }
},
connectors = new[]
{
new { name = "orderToInvoice", sourceNode = "order", targetNode = "invoice" }
}
});
diagram.Dock = DockStyle.Fill;
this.Controls.Add(diagram);