How to Make Column Menu Sticky?

[Scott]

We use the Kendo Grid Column Menu but would like the “Columns” submenu to not disappear when the mouse leaves the submenu.  So we want the submenu to be “sticky.”  Is there a way to do that?  Also, what event triggers the submenu to disappears and where is it done?  Please see image below.

[Dimiter Madjarov]

Hi Scott,

Each of the column menus in the Grid is actually a Kendo Menu. To achieve this behavior you could set to true the openOnClick and closeOnClick options on each of them using the setOptions method. 

 E.g.

$(document).ready(function () {
    var menus = $(".k-column-menu .k-menu");
    for (var i = 0; i < menus.length; i++) {
        var current = $(menus[i]).data("kendoMenu");
        current.setOptions({ openOnClick: true, closeOnClick: true });
    }
});

Please let me know if this solution works in your scenario.


Regards,
Dimiter Madjarov
the Telerik team

[Thuy]

Thank you Dimeter.  That took care of the problem that we were having!