剑道UI列表视图中的剑道UI Jquery上下文菜单

剑道UI列表视图中的剑道UI Jquery上下文菜单,jquery,kendo-ui,kendo-listview,kendo-contextmenu,Jquery,Kendo Ui,Kendo Listview,Kendo Contextmenu,我试图在剑道ui列表视图项上使用剑道ui上下文菜单,但它确实有效,并且没有错误 //The ListView HTML <div id="listView"></div> <div id="pager" class="k-pager-wrap"></div> <script type="text/x-kendo-template" id="template"> <div class="document">

我试图在剑道ui列表视图项上使用剑道ui上下文菜单,但它确实有效,并且没有错误

//The ListView HTML
<div id="listView"></div>
<div id="pager" class="k-pager-wrap"></div>

 <script type="text/x-kendo-template" id="template">
        <div class="document">
            <img width="65px" height="65px" src="../Content/extensionsIcon/#=FileExtension#.png" alt="#: DocTitle #" />
            <h5>#:DocTitle#</h5>
        </div>
    </script>

 //The ContextMenu HTML 
 <ul id="context-menu">
<li id="download">Download</li>
<li id="remove">Remove</li>
</ul>


 $("#context-menu").kendoContextMenu({
    target: "#listView .document",
    select: function (e) {

    }
});
//列表视图HTML
#:DocTitle#
//上下文菜单HTML
    下载
  • 移除
$(“#上下文菜单”).kendoContextMenu({ 目标:“#listView.document”, 选择:功能(e){ } });
请参阅关联菜单。您应该使用上下文菜单的属性

      $("#context-menu").kendoContextMenu({
                    target: "#listView",
                    filter: ".document",                    
                    select: function(e) {
                        // Do something on select
                    }
       });