I've been trying to add a Context Menu to a TreeView using this example.
The tree displays fine but the menu code generates an error: $(....).kendoContextMenu is not a function.
JS files included:
<script src="/Scripts/jquery-1.10.2.js"></script>
<script src="/Scripts/bootstrap.min.js"></script>
<script src="/Scripts/kendo/kendo.all.min.js"></script>
<script src="/Scripts/kendo/kendo.aspnetmvc.min.js"></script>
TreeView and menu:
<ul id='tree'>
<li id="11">Item1
<ul>
<li id="1">Item1.1</li>
<li id="2">Item1.2 </li>
<li id="3">Item1.3 </li>
</ul>
</li>
<li id="4">Item2</li>
<li id="5">Item3</li>
</ul>
<ul id="menu">
<li>CREATE</li>
<li>DELETE</li>
</ul>
JS code:
$("#tree").kendoTreeView(
{
select: function(event) {
var $item = $(event.node);
var id = $item.attr('id');
}
});
$("#menu").kendoContextMenu({
// listen to right-clicks on treeview container
target: "#tree",
// show when node text is clicked
filter: ".k-in",
// handle item clicks
select: function(e) {
var button = $(e.item);
var node = $(e.target);
alert(kendo.format("'{0}' button clicked on '{1}' node", button.text(), node.text()));
}
});
Thanks,
Bill