DiagramEdge Class

A diagram edge.

Namespace: DevExpress.Web.ASPxDiagram

Assembly: DevExpress.Web.ASPxDiagram.v23.2.dll

NuGet Package: DevExpress.Web

Declaration

C#

public class DiagramEdge :
    DiagramItem

VB.NET

Public Class DiagramEdge
    Inherits DiagramItem

Related API Members

The following members return DiagramEdge objects:

• DiagramEdgeEventArgs.Edge

Remarks

When the ASPxDiagram control is bound to an edge data source (EdgeDataSource), the control creates a DiagramEdge object and raises the EdgeDataBound event for every data item in the source.

You can access the processed DiagramEdge object via the event argument’s Edge property. Use the object’s properties to customize the edge before it is finally rendered.

ASPX

<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px"
    NodeDataSourceID="FlowNodeDemoDataSource" EdgeDataSourceID="FlowEdgeDemoDataSource"
    OnEdgeDataBound="Diagram_EdgeDataBound">
    <Mappings>
        <Node Key="ID" Type="Type" Width="Width" Height="Height" />
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" Text="Text" />
    </Mappings>
</dx:ASPxDiagram>

C#

protected void Diagram_EdgeDataBound(object sender, DevExpress.Web.ASPxDiagram.DiagramEdgeEventArgs e) {
    if (e.Edge.Text == "No") {
        e.Edge.Style = "stroke: red";
        e.Edge.TextStyle = "fill: red";

    }
    if (e.Edge.Text == "Yes") {
        e.Edge.Style = "stroke: green";
        e.Edge.TextStyle = "fill: green";

    }
}

VB.NET

Protected Sub Diagram_EdgeDataBound(ByVal sender As Object, ByVal e As DevExpress.Web.ASPxDiagram.DiagramEdgeEventArgs)
    If e.Edge.Text = "No" Then
        e.Edge.Style = "stroke: red"
        e.Edge.TextStyle = "fill: red"
    End If

    If e.Edge.Text = "Yes" Then
        e.Edge.Style = "stroke: green"
        e.Edge.TextStyle = "fill: green"
    End If
End Sub

Inheritance

Object

DiagramItem

DiagramEdge