Skip to main content
All docs

ASPxDiagram.EdgeDataBound Event

Occurs after an edge has been bound to a data source.

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web


public event DiagramEdgeEventHandler EdgeDataBound

Event Data

The EdgeDataBound event's data class is DiagramEdgeEventArgs. The following properties provide information specific to this event:

Property Description
Edge Gets an edge object related to the event.


The EdgeDataBound event is raised for each diagram edge after it has been bound to a data source. This event enables you to customize settings of the edge before it is finally rendered. You can access the processed edge via the Edge property of the event’s argument.


The EdgeDataBound event fires when the ASPxDiagram control is bound to an edge data source via the EdgeDataSourceID or EdgeDataSource property.

<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px"
    NodeDataSourceID="FlowNodeDemoDataSource" EdgeDataSourceID="FlowEdgeDemoDataSource"
        <Node Key="ID" Type="Type" Width="Width" Height="Height" />
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" Text="Text" />
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";

See Also