Quantcast
Channel: Telerik Forums RSS
Viewing all articles
Browse latest Browse all 78072

kendoContextMenu is not a function Error

$
0
0

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


Viewing all articles
Browse latest Browse all 78072

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>