The jQuery object representing column menu element.
The field of the column for which the column menu is opened.
The widget instance which fired the event.
<div id="grid"></div>
<script>
$("#grid").kendoGrid({
columns: [
{ field: "id" },
{ field: "name" },
{ field: "phone" }
],
dataSource: [
{ name: "Jane Doe", id: 1, phone: "88443558741" },
{ name: "John Doe", id: 2, phone: "88443558751" }
],
filterable: true,
columnMenu: true,
columnMenuOpen: function(e) {
var menu = e.container.children().data("kendoMenu");
menu.open(menu.element.find("li:first"));
},
});
</script>
<div id="grid"></div>
<script>
function grid_columnMenuOpen(e) {
var menu = e.container.children().data("kendoMenu");
menu.open(menu.element.find("li:first"));
}
$("#grid").kendoGrid({
columns: [
{ field: "id" },
{ field: "name" },
{ field: "phone" }
],
dataSource: [
{ name: "Jane Doe", id: 1, phone: "88443558741" },
{ name: "John Doe", id: 2, phone: "88443558751" }
],
filterable: true,
columnMenu: true
});
var grid = $("#grid").data("kendoGrid");
grid.bind("columnMenuOpen", grid_columnMenuOpen);
</script>