Skip to main content
BuyLog In
ASP.NET Web Forms Controls
Search in…
Docs > Components > Diagram > Bind to Data
All docs
V23.2
ASP.NET Web Forms Controls
Prerequisites
Supported Browsers
What's Installed
Get Started
Upgrade to a New Version
Common Concepts
Components
Card View
Chart Control
Data and Image Navigation
Data Editors
Diagram
Bind to Data
Node and Edge Data Sources
Self-Referenced Data Structure
Optional Binding Properties
Diagram Layout
Restrict Edit Operations
Keyboard Shortcuts
Docking and Popups
File Management
Gantt
Gauges
Grid View
HTML Editor
Multi-Use Site Controls
Pivot Grid
Reporting
Rich Text Editor
Scheduler
Site Navigation and Layout
Spell Checker
Spreadsheet
Tree List
Vertical Grid
Query Builder
Security Considerations
Redistribution and Deployment
Troubleshooting
Get More Help
.NET Framework API Reference
Client API Reference
Download CHM

Bind Diagram to Data

You can bind the ASPxDiagram control to the following data source types.

  • Node and Edge Data Sources: two separate lists store information about nodes (shapes) and edges (connectors).
  • Self-Referenced Data Source: a single list that stores nodes (shapes). If a node specifies a Parent Key value, it references another node and defines an edge (connector).

The following table lists the mappings you need to specify so that the control can load the diagram structure.

Required Properties Node and Edge Data Sources Self-Referenced Data Source
Mappings.Edge.Key yes no
Mappings.Node.Key yes yes
Mappings.Node.ParentKey no yes

Optional binding properties allow you to specify element content and appearance.

Handle the NodeDataBound and EdgeDataBound events to customize node or edge settings before the item is rendered.