Hiding the column menu on hiding a column

[tahmed]

How do I hide the column menu when the column is hidden from its column menu?

for example if I have 
Col 1 | Col 2 | Col3
and I hide Col 3 from Col3's column menu, I would like to hide its column menu at the same time as well.

My understanding is that the column menus are kendo menu but how do I select the correct menu given the column's field/title from the columnHide event? or is there a better way to do it?

Thanks!

[Nikolay Rusev]

Hello Sudhir,

By design the menu will not close. You can however close it on column show/hide as in the following example:

grid.bind("columnHide", function() {
 $(".k-column-menu:visible").kendoPopup("close");
}).bind("columnShow", function() {
 $(".k-column-menu:visible").kendoPopup("close");
});

 

Regards,
Nikolay Rusev
the Telerik team