Skip to main content

DiagramSettings Class

Contains the Diagram extension settings.

Namespace: DevExpress.Web.Mvc

Assembly: DevExpress.Web.Mvc5.v24.1.dll

NuGet Package: DevExpress.Web.Mvc5

Declaration

public class DiagramSettings :
    SettingsBase

Remarks

Pass the DiagramSettings object to a ExtensionsFactory.Diagram helper method to configure the Diagram extension.

@Html.DevExpress().Diagram(settings => {
    settings.Name = "Diagram";

    settings.BatchUpdateRouteValues = new { Controller = "DataBinding", Action = "NodesAndEdgesUpdate" };

    settings.Mappings.Node.Key = "ID";
    settings.Mappings.Node.Width = "Width";
    settings.Mappings.Node.Height = "Height";
    settings.Mappings.Node.Type = "Type";
    settings.Mappings.Node.Text = "Text";

    settings.Mappings.Edge.Key = "ID";
    settings.Mappings.Edge.FromKey = "FromID";
    settings.Mappings.Edge.ToKey = "ToID";
    settings.Mappings.Edge.Text = "Text";

    settings.Units = DevExpress.Web.ASPxDiagram.DiagramUnit.Px;
    settings.SettingsAutoLayout.Type = DevExpress.Web.ASPxDiagram.DiagramAutoLayout.Layered;
    settings.SettingsAutoLayout.Orientation = Orientation.Vertical;

}).Bind(Model.Objects, Model.Connections).GetHtml()

Run Demo: Node and Edge Data Sources

Inheritance

Object
SettingsBase
DiagramSettings
See Also