Context Menu for Specific Cells of Grid

[Charlie]

I've seen some examples for displaying a context menu and retrieving the data item of the row that was clicked, but is there a way to also determine which column of the grid was clicked when the context menu is displayed?

[Anton Mironov]

Hello Charlie,

Thank you for the details provided.

In order to achieve the desired result, I would recommend using the following approach:

1. Set the filter of the ContextMenu to "td".
2. In the "Select" Event handler of the ContextMenu, get the instance of the Grid.
3. Get the current cell by using the "e.target"(use the 0 index as this will return a collection).
4. Use the cell in order to find its index.
5. Get the header name of the Grid by using the index of the current cell.
6. Here is an example of the Select Event handler:
   

             var grid = $("#grid").data("kendoGrid");
             
             var currCell = $(e.target)[0];
             var currCellIndex = $(currCell).index();
       
             var columnHeader= grid.options.columns[currCellIndex];
             
             console.log(columnHeader);

Here is a dojo example of the approach above:

• https://dojo.telerik.com/@anton.mironov/eFUcUhAy

I hope this achieves the desired result.

Kind Regards,
Anton Mironov
Progress Telerik