1. Home
  2. Forum
  3. WPF
  4. Cell-ContextMenu on mouse left-button-click

Cell-ContextMenu on mouse left-button-click

Hi,

It's possible to show cell context menu on mouse left-button-click?

Thanks.
Regards,
Juraj

13 Replies
RG Rajasekar G Syncfusion Team August 27, 2012 06:27 AM UTC

Hi Juraj,

 

Thank you for using Syncfusion products.

 

We have analyzed your query .We have prepared a sample for Context Menu in Left click  option and it can be download from the following location.

 

Sample Location: GridDataControlSample.zip

 

Please let us know if you have any questions.

 

Thanks,

Raja sekar.G


TB Thilo Brosinsky October 23, 2024 02:56 PM UTC

Greeting!

As zip link is not working anymore, Is it possible again to create an example for this task. I am also looking for left mouse click context menu for header and record.


Best regards,

Thilo


SP Sreemon Premkumar Muthukrishnan Syncfusion Team October 24, 2024 09:03 AM UTC

Hi Thilo Brosinsky,

Please find the working sample in below attachment.

Regards,

Sreemon Premkumar M.


Attachment: GridDataControlSample_2c6bb14.zip

TB Thilo Brosinsky October 30, 2024 04:34 PM UTC

Hi Sreemon,


Thank you for quick answer.

I see you are using GridDataControl in current example. Is it possibl to achieve same behaviour with SfDataGrid control?


Best regards,

Thilo


SP Sreemon Premkumar Muthukrishnan Syncfusion Team November 1, 2024 02:21 PM UTC

Hi Thilo Brosinsky,


To meet your requirement of showing the context menu on a left-click, you can set the RecordContextMenu.IsOpen property to true inside the CellTapped event. Please find the code snippet below.

Code snippet:

dataGrid.GridContextMenuOpening += DataGrid_GridContextMenuOpening;

dataGrid.CellTapped += DataGrid_CellTapped;

private void DataGrid_CellTapped(object sender, GridCellTappedEventArgs e)

{

    if (this.dataGrid.RecordContextMenu != null && e.ChangedButton == MouseButton.Left)

        this.dataGrid.RecordContextMenu.IsOpen = true;

}

private void DataGrid_GridContextMenuOpening(object sender, Syncfusion.UI.Xaml.Grid.GridContextMenuEventArgs e)

{

    // Disabled the Context Menu opening on Right Click.

    e.Handled = true;

}


We have prepared the sample based on your requirement please find it in the attachment.


Regards,

Sreemon Premkumar M.


Attachment: WPF_SfDataGrid_ContextMenu_e62ab624.zip

TB Thilo Brosinsky November 12, 2024 09:53 AM UTC

Thank you!


It worked like charm.

One question if it is also possible to do with header cells?


SP Sreemon Premkumar Muthukrishnan Syncfusion Team November 14, 2024 03:26 PM UTC

Hi Thilo Brosinsky,


Your requirement to show the context menu on a left-click on the column header can be achieved by assigning the desired context menu to the SfDataGrid.HeaderContextMenu property.

It’s important to note that, since we are opening the context menu on a left-click, sorting needs to be disabled when clicking on the column header; otherwise, the context menu will close, and you won’t be able to sort the column by clicking on it. Instead, you can implement sorting operations by selecting items from the context menu. Please see the code snippets below.

Cancel sorting:

private void DataGrid_SortColumnsChanging(object sender, GridSortColumnsChangingEventArgs e)

{

    // Canceling the sorting when clicking on the column header, to show the context menu.

   e.Cancel = true;

}


​Hooking the events:

private void DataGrid_Loaded(object sender, RoutedEventArgs e)

{

    foreach (var col in dataGrid.Columns)

    {

        var headerControl = dataGrid.GetHeaderCell(col);

        headerControl.MouseLeftButtonUp += HeaderControl_MouseLeftButtonUp;

    }

}


Opening context menu on Left click:

 private void HeaderControl_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)

 {

     // To open the context menu for the column header using the left mouse button.

     var headerControl = sender as GridHeaderCellControl;

     var menuInfo = new GridColumnContextMenuInfoExt() { Column = headerControl.Column };

     menuInfo.DataGrid = this.dataGrid;

     if (menuInfo != null)

         this.dataGrid.HeaderContextMenu.DataContext = menuInfo;

     if (this.dataGrid.HeaderContextMenu != null && e.ChangedButton == MouseButton.Left)

         this.dataGrid.HeaderContextMenu.IsOpen = true;

 }


We have prepared a sample based on your requirements. Please find the sample in the attachment below.


Regards,
Sreemon Premkumar M.


Attachment: WPF_SfDataGrid_ContextMenu_c6afcf7d.zip

TB Thilo Brosinsky November 19, 2024 08:49 AM UTC

Thank you very much for quick response!




SP Sreemon Premkumar Muthukrishnan Syncfusion Team November 20, 2024 06:16 AM UTC

Hi Thilo Brosinsky,


We hope that your query has been resolved with our proposed solution. Please get back to us if you need further assistance. We are happy to help you.


Regards,
Sreemon Premkumar M.


TB Thilo Brosinsky March 6, 2025 02:56 PM UTC

Hi again,


there is GridContextMenuOpening event which is triggered on RMC. 

How can I trigger it also on LMC when I use your example? 


I have ContextMenu code behind generated and different from header cell to header cell. It works fine on RMC but not with LMC example, because there is no event trigger present.


Thank you in advance for the answer,

Thilo


SB Sweatha Bharathi Syncfusion Team March 7, 2025 02:00 PM UTC

Hi Juraj Tomana ,

We have reviewed your query. By default, the GridContextMenuOpening event is not triggered when performing a left mouse click, as this is the intended behavior. The context menu functionality is managed by Microsoft, and we use the OnContextMenu event to handle context menu actions. Therefore, the GridContextMenuOpening event is only triggered by a right-click.
However, you can still apply different context menu for different headers. You can set a specific context menu for each header by referencing its mapping name. Additionally, you can configure a unique context menu for particular row indices when performing a left-click. For right-click behavior, you can handle it directly within the GridContextMenuOpening event itself.
Please refer to the code snippet below for an example. We have provided this sample for your reference. Kindly review it, and let us know if you have any further concerns.

Code snippet :
 private void DataGrid_CellTapped(object sender, GridCellTappedEventArgs e)
 {
     // To Open the context menu in the left click for the records.
     if (this.dataGrid.RecordContextMenu != null && e.ChangedButton == MouseButton.Left)
     {
         if(e.RowColumnIndex.RowIndex == 2)
         {
             this.dataGrid.RecordContextMenu = new ContextMenu();
             this.dataGrid.RecordContextMenu.Items.Add(new MenuItem() { Header = "Insert" });
             this.dataGrid.RecordContextMenu.Items.Add(new MenuItem() { Header = "Delete" });
         }
         this.dataGrid.RecordContextMenu.IsOpen = true;

     }
 }


  private void HeaderControl_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
  {
      var headerControl = sender as GridHeaderCellControl;
      var menuInfo = new GridColumnContextMenuInfoExt() { Column = headerControl.Column };
      menuInfo.DataGrid = this.dataGrid;

      if (menuInfo != null)
      {
          if(menuInfo.Column.MappingName == "CustomerName")
          {
              this.dataGrid.HeaderContextMenu = new ContextMenu();
              this.dataGrid.HeaderContextMenu.Items.Add(new MenuItem() { Header = "SortAscending" });
              this.dataGrid.HeaderContextMenu.Items.Add(new MenuItem() { Header = "SortDescending" });
          }
          if(menuInfo.Column.MappingName == "CustomerID")
          {
              this.dataGrid.HeaderContextMenu = new ContextMenu();
              this.dataGrid.HeaderContextMenu.Items.Add(new MenuItem() { Header = "ClearSorting" });
              this.dataGrid.HeaderContextMenu.Items.Add(new MenuItem() { Header = " ClearFiltering " });
          }
      }

       this.dataGrid.HeaderContextMenu.DataContext = menuInfo;
       if (this.dataGrid.HeaderContextMenu != null && e.ChangedButton == MouseButton.Left)
          this.dataGrid.HeaderContextMenu.IsOpen = true;

  }



Regards,
Sweatha.B

Attachment: sample_8019fc12.zip

TB Thilo Brosinsky March 19, 2025 03:15 PM UTC

Hi again!


I stumbled upon issue: after using ContextMenu on right mouse click and clicking its items, ContextMenu stops opening on left menu click, althought in code behind header click event works, PlacementTarget is correct and IsOpen is false before dataGrid.HeaderContextMenu.IsOpen = true;  and true after.


Re


SB Sweatha Bharathi Syncfusion Team March 20, 2025 01:13 PM UTC

Hi Thilo Brosinsky ,


We have reviewed your query and tested the reported scenario by:
  • Right-clicking to open the ContextMenu
  • Clicking its items and then
  • Left-clicking to open the ContextMenu again
The context menu opened successfully on both the header row and the default row when performing a left-click.
For reference, we have provided a video. Please review it along with the sample we shared in our previous update.
If you were able to replicate the issue in the provided sample, kindly let us know. If not, please modify the sample to reproduce the issue on your end and if possible, provide video reference for your scenario. This will help us investigate further.
We appreciate your patience and understanding.



Regards,
Sweatha.B

Attachment: Video_71d7ca2.zip

Loader.
Up arrow icon