Hide/Show Certain RadGrid Context Menu Items

[James]

Hi there, I have a context menu showing when the radgrid is right clicked which displays options "email user", "email mass users", "email users who have finished".

I have a radgrid which is populated with data which shows whether users have started or not started their courses. I have a column called "HasStarted" which displays false and true depending on whether or not they have started. When I right click on a row which has "HasStarted" as false I want "email user", "email mass users" to appear in the context menu and when I click on a row which has "HasStarted" as true I want "email users who have finished" to only appear in the context menu. The context menu works and the items run the correct cases just not sure how to hide and show certain items depending on the item clicked on. Any help will be appreciated thanks.

[James]

Is this not possible to do for radgrids?

[Eyup]

Hi James,

You could achieve your described scenario by canceling or configuring the menu display according to the cell's content. I have created a sample RadGrid web site where I implemented the described approach. The context menu is only being displayed for the Freight column with value greater than 50 and is being populated with new items depending on the clicked cell.

Please check out the attached application and try to make best avail out of it according to your specific scenario.

In addition, you could give a look at the following demo which demonstrates creating and adding menu items on client-side:
 Menu / Add/Remove/Disable Items

I hope this will prove helpful. Please give it a try and let me know about the result.

Kind regards,
Eyup
the Telerik team

[James]

Your method only shows the context menu when the column I am checking has been clicked on. I still want the context menu to show wherever the row is clicked on. Also how do I interact with the new items created in the javascript in the C# page?

[James]

No worried found the fix. You need to add OnClientMenuShowing to the radcontextmenu for your radgrid and use this javascript:
function menuShowing(sender, args) {
             var columns = $find("<%=ResultsGrid.ClientID %>").get_masterTableView().get_columns();
             var radGrid = $find("<%=ResultsGrid.ClientID %>");
             var MasterTable = radGrid.get_masterTableView();
             var selectedRows = MasterTable.get_selectedItems();
             var el = args.get_targetElement();
             var started = "";
             for (var i = 0; i < selectedRows.length; i++) {
                 var selectedRow = selectedRows[i];
                 var id = MasterTable.getCellByColumnUniqueName(selectedRow, "HasStarted")
                 //code to do stuff here.
                 started = id.innerHTML;
             }
             if (started == "False") {
                 sender.get_items().clear();
                 var newItem = new Telerik.Web.UI.RadMenuItem();
                 newItem.set_text("Email User");
                 sender.get_items().add(newItem);
                 var newItem2 = new Telerik.Web.UI.RadMenuItem();
                 newItem2.set_text("Mass Email Users");
                 sender.get_items().add(newItem2);
             }
             if (started == "True") {
                     sender.get_items().clear();
                     var newItem3 = new Telerik.Web.UI.RadMenuItem();
                     newItem3.set_text("Started but not Finished Reminder Email");
                     sender.get_items().add(newItem3);
             }
         }

The trick was to get the selected row then to loop through the selected row and find the unique column name "HasStarted" and to get its cell value with innerHTML and equal that to a string and use the string to state which menu to show dending on whether the value is true or false for the column "HasStarted"