DiagramNodeMappingInfo.Type Property

Specifies the name of a data source field that provides the shape type for a node.

Namespace: DevExpress.Web.ASPxDiagram

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

NuGet Package: DevExpress.Web

Declaration

C#

[DefaultValue("")]
public string Type { get; set; }

VB.NET

<DefaultValue("")>
Public Property Type As String

Property Value

Type	Default	Description
String	String.Empty	The field name.

Remarks

A data source field specified by this property must contain only string values. The control stores built-in shape types in a data source as names of DiagramShapeType enumerator fields written in camelCase: “rectangle”,”arrowLeft”, etc. The control can recognize these strings in PascalCase as well.

A string that is not equal to the DiagramShapeType enumerator field name (written in the PascalCase or camelCase) is recognized as a custom shape type.

Tip

Use the Type property to customize the type of a node after it is bound to a data source (in the EdgeDataBound event).

Online Demo

Diagram - Data Binding

Example

ASPX

<dx:ASPxDiagram ID="Diagram" runat="server" Width="100%" Height="600px" Units="Px"
    NodeDataSourceID="FlowNodeDemoDataSource" EdgeDataSourceID="FlowEdgeDemoDataSource" >
    <SettingsAutoLayout Type="Layered" Orientation="Vertical" />
    <Mappings>
        <Node Key="ID" Type="Type" Width="Width" Height="Height" Left="Left" Locked="Locked" Style="Style" 
        Text="Text" TextStyle="TextStyle" Top="Top" ZIndex="ZIndex"/>
        <Edge Key="ID" FromKey="FromID" ToKey="ToID" Text="Text" FromLineEnd="StartTip" FromPointIndex="StartPoint" 
        LineType="Type" Locked="Locked" Style="Style" TextStyle="TextStyle" ToLineEnd="EndTip" 
        ToPointIndex= "EndPoint" ZIndex="ZIndex"/>
    </Mappings>
</dx:ASPxDiagram>