How to display different menus for Node and Annotation in WPF Diagram?

In the WPF Diagram, you can display the different context menu for the Node and Annotation by using the MouseRightButtonDown event. In this event, you can utilize the FindVisualParent method to identify the View object on which the right-click was performed. Based on this identification, you generated different menus for Node and Annotation. We have provided the code snippet to achieve this.

Code Snippet :

this.MouseRightButtonDown += MainWindow_MouseRightButtonDown;

private void MainWindow_MouseRightButtonDown(object sender, MouseButtonEventArgs e)
{
    DependencyObject source = e.OriginalSource as DependencyObject;

    // Find the Visual Parent for the Annotation and Node.
    var annotation = source.FindVisualParent<AnnotationEditor>();
    var node = source.FindVisualParent<Node>();

    if (annotation != null)
    {
        if (annotation.DataContext != null && annotation.DataContext is AnnotationEditorViewModel)
        {
            AnnotationEditorViewModel anno = annotation.DataContext as AnnotationEditorViewModel;
            Node parentNode = annotation.FindVisualParent<Node>();
            NodeViewModel nodeVM = parentNode.DataContext as NodeViewModel;

            nodeVM.Menu = new DiagramMenu();
            nodeVM.Menu.MenuItems = new ObservableCollection<DiagramMenuItem>();

            DiagramMenuItem EditAnno = new DiagramMenuItem()
            {
                Content = "Edit Annotation",
                Command = new DelegateCommand<object>(OnEditAnnotation),
                CommandParameter = anno,
            };
            (nodeVM.Menu.MenuItems as ICollection<DiagramMenuItem>).Add(EditAnno);

            DiagramMenuItem DeleteAnno = new DiagramMenuItem()
            {
                Content = "Delete Annotation",
                Command = new DelegateCommand<object>(OnDeleteAnnotation),
                CommandParameter = anno,
            };
            (nodeVM.Menu.MenuItems as ICollection<DiagramMenuItem>).Add(DeleteAnno);
        }
    }

    else if (node != null)
    {
        NodeViewModel nodeVM = node.DataContext as NodeViewModel;

        nodeVM.Menu = new DiagramMenu();
        nodeVM.Menu.MenuItems = new ObservableCollection<DiagramMenuItem>();

        DiagramMenuItem EditNode = new DiagramMenuItem()
        {
            Content = "Edit Node",
            Command = new DelegateCommand<object>(OnEditNode),
            CommandParameter = nodeVM,
        };
        (nodeVM.Menu.MenuItems as ICollection<DiagramMenuItem>).Add(EditNode);

        DiagramMenuItem DeleteNode = new DiagramMenuItem()
        {
            Content = "Delete Node",
            Command = new DelegateCommand<object>(OnDeleteNode),
            CommandParameter = nodeVM,
        };
        (nodeVM.Menu.MenuItems as ICollection<DiagramMenuItem>).Add(DeleteNode);
    }
} 

Conclusion
I hope you enjoyed learning how to display different menus for Node and Annotation in WPF Diagram.

Refer to our WPF Diagram feature tour page to learn about its other groundbreaking feature representations and documentation, and how to quickly get started for configuration specifications.

For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, try our 30-day free trial to check out our other controls.

Please let us know in the following comments section if you have any queries or require clarifications. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!