WPF Diagram - Use the DiagramDataBindingBehavior to Generate a Diagram from a Collection

This example uses the DiagramDataBindingBehavior to generate a diagram from a data source or collection.

1. Add the DiagramDataBindingBehavior to the DiagramControl.

2. Specify the following properties to map the behavior to data:

   • The ItemsSource property specifies a collection of diagram items.
   • The KeyMember and ConnectorsSource properties allow you to display relationships between diagram items.
   • The ConnectorFromMember and ConnectorToMember properties specify data fields that contain a connector's begin and end items.

3. Use the Item Template Designer to create "templates" for diagram items and connectors.

   This designer creates a TemplateDiagram object that contains generated code with diagram shapes and connectors.

4. Handle the GenerateItem and GenerateConnector events to display different items based on a condition.

   In these event handlers, the TemplateName property value allows you to identify generated "templates".

Files to Review

• ClassData.cs (VB: ClassData.vb)
• ClassStructureGenerator.cs (VB: ClassStructureGenerator.vb)
• MainWindow.xaml (VB: MainWindow.xaml)
• MainWindow.xaml.cs (VB: MainWindow.xaml.vb)
• ViewModel.cs (VB: ViewModel.vb)

Documentation

• Generate Diagrams from a Data Source
• Item Template Designer

More Examples

• WPF Diagram - Generate Diagrams with Grouped Items
• WPF Diagram - Use the DiagramOrgChartBehavior to Generate a Diagram from a Collection