The jQuery object which represents column menu form element.
The field of the column for which the column menu is initialized.
The widget instance which fired the event.
<div id="treeList"></div>
<script>
$("#treeList").kendoTreeList({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: {
data: [
{ id: 1, parentId: null, name: "Jane Doe", age: 22 },
{ id: 2, parentId: 1, name: "John Doe", age: 24 }
]
},
columnMenu: true,
columnMenuOpen: function(e) {
var menu = e.container.children().data("kendoMenu");
menu.open(menu.element.find("li:first"));
}
});
</script>
<div id="treeList"></div>
<script>
function treelist_columnMenuOpen(e) {
var menu = e.container.children().data("kendoMenu");
menu.open(menu.element.find("li:first"));
}
$("#treeList").kendoTreeList({
columns: [
{ field: "name" },
{ field: "age" }
],
dataSource: {
data: [
{ id: 1, parentId: null, name: "Jane Doe", age: 22 },
{ id: 2, parentId: 1, name: "John Doe", age: 24 }
]
},
columnMenu: true
});
var treelist = $("#treeList").data("kendoTreeList");
treelist.bind("columnMenuOpen", treelist_columnMenuOpen);
</script>