Hi

In all the examples I have, nodes are created by c# code or with an XML file.

Is there example where the nodes and theirs contents are created in WPF code?

I would really appreciate to see some complex nodes and links in WPF. For now I create nodes and contents from code behind, but it is fastidious.

Thanks for your help

Richard

Well, it would be great, thank you .

Try this version:

https://mindfusion.eu/download/WpfDiagram.trial.zip

You can now define nodes and links in XAML. However, there are various limitations, such as not being able to bind any non-dependency properties. In addition, the designer does not always repaint properly in response to changes to the nodes and links. You will have to rebuild your project (or close and reopen the window) in order to view the changes.

Here is an example code, which creates two nodes and connects them with a link:

<d:Diagram Name="diagram">
      <d:Diagram.Nodes>
            <d:ShapeNode x:Name="n1" Bounds="30,30,20,20" Brush="Red" />
            <d:ShapeNode x:Name="n2" Bounds="150,110,20,20" Brush="Yellow" Shape="Ellipse" />
      </d:Diagram.Nodes>
      <d:Diagram.Links>
            <d:DiagramLink d:LinkTo.OriginNode="n1" d:LinkTo.DestinationNode="n2" HeadShapeSize="10" />
      </d:Diagram.Links>
</d:Diagram> 

Note how the origin and destination nodes of the link are specified.

Let me know what you think.

Regards,
Meppy

Quote:

Very few properties of the diagram items are currently dependency properties. You can bind only those properties. Bounds, EnabledHandles, RotationAngle and Text come to mind. In order to bind those properties use the standard {Binding} markup extension. Finally, supply the data source - one way to do this is through the Diagram.DataContext property.

Quote:

You can't do this, neither programmatically nor through XAML. You can position the node on top of a table cell, then lock it and group it with the table so that when the table is moved the node is moved along, thus giving the impression that the node is inside the cell.

Quote:

You can do it in the window's constructor after the call to InitializeComponent.

Regards,
Meppy

Currently you cannot populate TableNode using binding, this can be done only in code. The text of each cell can be specified through the Text property of the cell. Cells can be accessed using indexing on the TableNode:

table[0, 0].Text = "First cell"; 

Regards,
Meppy

You need to assign the text of each cell in the table manually - by setting the Text property of the cell as illustrated in my previous post. So if you have an XML with the data and you need to populate a table node with this data, you have to read the XML manually (with LINQ-to-XML or an XML reader) and then assign the read data to the cells in the TableNode.

I hope this helps.

Regards,
Meppy

This is something we may consider but it won't happen in the immediate future since it will require a substantial rework of the existing implementation.

On a side note, you can try implementing databinding yourself, by subclassing from TableNode and providing a dependency property for a DataSource. The implementation of this property will internally carry out all of the table population from the supplied data. Then, you can bind this property to your data from within XAML.

Regards,
Meppy

I think that means that you cannot bind to say Diagram.Nodes in Xaml.  If this is so, then in a normal app you need to build a list of nodes from your business objects add the nodes to the Diagram, in code.   

What would be the normal way that you would see the UI responding to changes in the business objects then?  For eg. if the user adds a node, should we respond to the event for this from the diagram and add that to the business objects? 

Hope this question makes sense.