WPF DataGrid: Dynamically-Generated ContextMenu for Individual Rows.

Question

Hi. I have a WPF DataGrid that displays a bunch of rows. Each row has a right-click ContextMenu with its own commands.

I'm not able to get the ContextMenu part right. It's complaining that "ContextMenu cannot have a logical or visual parent." Any help would be appreciated.

Thanks.

XAML File:

ViewModel Files:

  public ObservableCollection MyModules { get; set; }

  // ...

  public interface IModule
  {
      Configuration Configuration { get; }
      void ExecuteCommand(Command command);
  }

  public class Configuration
  {
      public Guid Id { get; private set; }
      public string Name { get; private set; }
      public string Description { get; private set; }
      public List Commands = new List();

      public Configuration(string name, string description, List commands)
      {
          Id = new Guid();
          Name = name;
          Description= description;
          Commands = commands;
      }
  }

Accepted Answer

Hi,
try this another approach:

XAML:

And classes:

using System;  
using System.Collections.Generic;  
using System.Collections.ObjectModel;  
using System.ComponentModel;  
using System.Runtime.CompilerServices;  
using System.Windows;  
using System.Windows.Data;  
using System.Windows.Input;  
  
namespace WpfApp83  
{  
  public class ViewModel : ICommand, INotifyPropertyChanged  
  {  
    public ViewModel() => LoadData();  
    public CollectionViewSource cvs = new CollectionViewSource();  
    public ICollectionView MyModules { get => cvs.View; }  
  
    private void LoadData()  
    {  
      Random rnd = new Random();  
      ObservableCollection col = new ObservableCollection();  
      for (int i = 1; i < 10; i++)  
      {  
        Module m = new Module();  
        m.Configuration.Name = $"Name {i}";  
        m.Configuration.Description = $"Description {i}";  
        for (int k = 1; k < rnd.Next(3, 8); k++) m.MenuNames.Add($"Menu {k} (Name {i})");  
        col.Add(m);  
      }  
      cvs.Source = col;  
    }  
  
    public string Info { get; set; }  
    public void Execute(object parameter)  
    {  
      Info = parameter.ToString();  
      OnPropertyChanged(nameof(Info));  
    }  
  
    public event EventHandler CanExecuteChanged;  
    public bool CanExecute(object parameter) => true;  
  
    public event PropertyChangedEventHandler PropertyChanged;  
    private void OnPropertyChanged([CallerMemberName] string propName = "") =>  
      PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propName));  
  }  
  
  public class Module  
  {  
    public Config Configuration { get; set; } = new Config();  
    public List MenuNames { get; set; } = new List();  
  }  
  
  public class Config  
  {  
    public string Name { get; set; }  
    public string Description { get; set; }  
  }  
}

Answer

I will show the parts of my demo of generating ContextMenu for Individual rows Dynamically.
Part1: Code for class MyMenuItem and Member:

public class MyMenuItem   
    {  
        public string headerName;  
        public string HeaderName  
        {  
            get  
            {  
                return headerName;  
            }  
            set  
            {  
                headerName = value;                  
            }  
        }     
    }  

public class Member : INotifyPropertyChanged  
    {  
  
        ObservableCollection myMenuLists = new ObservableCollection();  
        public ObservableCollection MyMenuLists  
        {  
  
            get { return myMenuLists; }  
            set  
            {  
                myMenuLists = value;  
                NotifyPropertyChanged("MyMenuLists");  
            }  
        }  
  
        public string slotNo;  
        public string SlotNo  
        {  
            get  
            {  
                return slotNo;  
            }  
            set  
            {  
                slotNo = value;  
                NotifyPropertyChanged("SlotNo");  
            }  
        }  
  
        public string mumber;  
        public string Number  
        {  
            get  
            {  
                return mumber;  
            }  
            set  
            {  
                mumber = value;  
                NotifyPropertyChanged("Number");  
            }  
        }  
        public string magazinmenge;  
        public string Magazinmenge  
        {  
            get  
            {  
                return magazinmenge;  
            }  
            set  
            {  
                magazinmenge = value;  
                NotifyPropertyChanged("Magazinmenge");  
            }  
        }  
  
        public event PropertyChangedEventHandler PropertyChanged;  
        public void NotifyPropertyChanged(string propertyName)  
        {  
            if (PropertyChanged != null)  
            {  
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));  
            }  
        }

Part2: Code for ViewModel.cs:

public class ViewModel : INotifyPropertyChanged  
    {  
        ObservableCollection _mylist = new ObservableCollection();  
        public ObservableCollection mylist  
        {  
  
            get { return _mylist; }  
            set  
            {  
                _mylist = value;  
                NotifyPropertyChanged("mylist");  
            }  
        }  
  
          
  
        public ViewModel()  
        {  
            ObservableCollection menuItems1 = new ObservableCollection() { new MyMenuItem { HeaderName="Header1-1"}, new MyMenuItem { HeaderName = "Header1-2" } };  
            ObservableCollection menuItems2 = new ObservableCollection() { new MyMenuItem { HeaderName="Header2-1"}, new MyMenuItem { HeaderName = "Header3-2" } };  
            ObservableCollection menuItems3 = new ObservableCollection() { new MyMenuItem { HeaderName="Header3-1"}, new MyMenuItem { HeaderName = "Header3-2" }, new MyMenuItem { HeaderName = "Header3-3" } };  
              
  
            mylist = new ObservableCollection()  
            {  
                new Member(){SlotNo = "1",Number ="Number01",Magazinmenge = "250", MyMenuLists=menuItems1},  
                new Member(){SlotNo = "2",Number ="Number02",Magazinmenge= "250", MyMenuLists=menuItems2},  
                new Member(){SlotNo = "3",Number ="Number03",Magazinmenge= "250", MyMenuLists=menuItems3}  
            };  
  
  
        }  
        public event PropertyChangedEventHandler PropertyChanged;  
        public void NotifyPropertyChanged(string propertyName)  
        {  
            if (PropertyChanged != null)  
            {  
                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));  
            }  
        }  
    }

Part3: Code for MainWindow.xaml

**Part4:**My demo's result picture is like below:

If the response is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer

Thank you both for the samples. I've felt like Peter's solution was a bit easier to understand at least for me. But both samples were really informative and have helped me a lot. Appreciate your help.

Answer

Hi,
another approach with your code:

And classes:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Input;

namespace WpfApp84
{
  public class ViewModel : ICommand
  {
    public ViewModel() => LoadData();
    public ObservableCollection MyModules { get; set; }

    private void LoadData()
    {
      Random rnd = new Random();
      this.MyModules = new ObservableCollection();
      for (int i = 1; i < 10; i++)
      {
        List cmds = new List();
        Module m = new Module($"Name {i}", $"Description {i}", cmds);
        for (int k = 1; k < rnd.Next(3, 8); k++)
          cmds.Add(new Command() { Header = $"Menu {k} (Name {i})", Parent = m });
        this.MyModules.Add(m);
      }
    }

    public void Execute(object parameter) =>
      ((Command)parameter).Parent.ExecuteCommand((Command)parameter);

    public event EventHandler CanExecuteChanged;
    public bool CanExecute(object parameter) => true;
  }

  public class Module : IModule
  {
    public Module(string name, string description, List commands) =>
      this.Configuration = new Configuration(name, description, commands);

    public Configuration Configuration { get; }

    public void ExecuteCommand(Command command) =>
      MessageBox.Show($"Selected menu item: {command.Header}");
  }

  public interface IModule
  {
    Configuration Configuration { get; }
    void ExecuteCommand(Command command);
  }

  public class Configuration
  {
    public Guid Id { get; private set; }
    public string Name { get; private set; }
    public string Description { get; private set; }
    public List Commands { get; set; } = new List();

    public Configuration(string name, string description, List commands)
    {
      Id = new Guid();
      Name = name;
      Description = description;
      Commands = commands;
    }
  }

  public class Command
  {
    public string Header { get; set; }
    public Module Parent { get; set; }
  }
}

Answer

Hi,
another approach with your code:

And classes:

using System;
using System.Collections.Generic;
using System.Collections.ObjectModel;
using System.Windows;
using System.Windows.Input;

namespace WpfApp84
{
  public class ViewModel : ICommand
  {
    public ViewModel() => LoadData();
    public ObservableCollection MyModules { get; set; }

    private void LoadData()
    {
      Random rnd = new Random();
      this.MyModules = new ObservableCollection();
      for (int i = 1; i < 10; i++)
      {
        List cmds = new List();
        Module m = new Module($"Name {i}", $"Description {i}", cmds);
        for (int k = 1; k < rnd.Next(3, 8); k++)
          cmds.Add(new Command() { Header = $"Menu {k} (Name {i})", Parent = m });
        this.MyModules.Add(m);
      }
    }

    public void Execute(object parameter) =>
      ((Command)parameter).Parent.ExecuteCommand((Command)parameter);

    public event EventHandler CanExecuteChanged;
    public bool CanExecute(object parameter) => true;
  }

  public class Module : IModule
  {
    public Module(string name, string description, List commands) =>
      this.Configuration = new Configuration(name, description, commands);

    public Configuration Configuration { get; }

    public void ExecuteCommand(Command command) =>
      MessageBox.Show($"Selected menu item: {command.Header}");
  }

  public interface IModule
  {
    Configuration Configuration { get; }
    void ExecuteCommand(Command command);
  }

  public class Configuration
  {
    public Guid Id { get; private set; }
    public string Name { get; private set; }
    public string Description { get; private set; }
    public List Commands { get; set; } = new List();

    public Configuration(string name, string description, List commands)
    {
      Id = new Guid();
      Name = name;
      Description = description;
      Commands = commands;
    }
  }

  public class Command
  {
    public string Header { get; set; }
    public Module Parent { get; set; }
  }
}

Share via

WPF DataGrid: Dynamically-Generated ContextMenu for Individual Rows.

4 additional answers