I have created a WPF window application and added a diagramView to my MainWindow.xmal file.

       <ScrollViewer Grid.Column="0" Name="scrollViewer1" HorizontalAlignment="Left">
           <my:Diagram Name="diagram1"/>
       </ScrollViewer>


1. Is there anyway to bind my diagram to a dataset in XMAL, so that for each record return, draw a shapenode?

2. I also hoping to draw link connecting the shapenode based on relationship data return from the dataset.  Can this be done in XAML via databinding or do I have to use procedure code?

3. Lastly, I also like to change the background color of the shapenode based on the state returned from dataset.  Can this be achieved via databinding?

4. How do I make my diagramview scroll horizontal?


Lastly is more of design questions. 

1. Would you recommend putting my diagram inside diagramview?

2. should i place wpf control inside diagram view or should i place it outside?
<grid>
<stackpanel><diagram><stackpanel>
<stackpanel>
<button>...
<label>...
<gridview>...
<stackpanel>
<grid

Stoyan
I was trying your suggestiong but couldn't get it to work.  I don't see anything drawn.  When I was trying to step through the code, I seems like the DataItem for my diagram does contain the list of items, but for some reason nothing is being drawn.

           <ScrollViewer>
               <diag:Diagram Name="diagram1"
                             AllowDrop="True" SnapsToDevicePixels="True"
                             Height="416.625" Width="701.041" MeasureUnit="WpfPoint" MaxHeight="480" MaxWidth="720" Background="Bisque">

                   <db:DataBinder Name="dataBinder" DataContext="_componentList"
                                  NodeClass="std:ShapeNode"
                                  NodeData="{Binding}"
                                  NodeIdField="NodeId">
                       <db:DataBinder.Diagram>
                           <Binding ElementName="diagram1"/>
                       </db:DataBinder.Diagram>
                       <db:DataBinder.NodeDataDictionary>
                           <db:BoundProperty Source="NewText" Destination="Text"/>
                           <db:BoundProperty Source="Shape" Destination="Shape"/>
                           <db:BoundProperty Source="NewBounds" Destination="Bounds"/>
                       </db:DataBinder.NodeDataDictionary>
                                   
                       
                   </db:DataBinder>
               </diag:Diagram>
           </ScrollViewer>



In the code behind I did:
       public ObservableCollection<WpfUI.DataModel.Component> _componentList { get; set; }

       public TestWPFGraph(WpfUI.DataModel.Component component)
       {
           InitializeComponent();

           //this.DataContext = component;
           _componentList = new ObservableCollection<WpfUI.DataModel.Component>();
           _componentList.Add(component);
           this.DataContext = _componentList;
           this.diagram1.DataContext = _componentList;
       }

Any help would be appreciated.  Couldn't find any documentaiton on the DataBinder

Hi,
My diagram.Bounds=0,0,793.700787401575,1122.51968503937

The node bound is (0,0,75,75).  diagram.Nodes count=1.

I tried what you said below to add the circular layout to dataBinder_DataBound but still couldn't see anything.  Is there anything else I should do inside the dataBinder_DataBound.

Thanks
Anna

Hi,

I don't think you can set the binder's context to a code-behind variable like that. Try removing that assignment from the Xaml:

DataContext="_componentList"

You could probably set dataBinder.DataContext=_componentList from the code-behind, or directly assign _componentList to binding.NodeData.

I hope that helps,
Stoyan

Here's a small example:
https://mindfusion.eu/_samples/BindingTest.zip

Setting DataContext is not enough, you must always set NodeData, and optionally LinkData. If setting them from the code-behind, you must also call the DataBind method. In addition, at this time the NodeIdField must be always set.

I hope that helps,
Stoyan