easyUI的顯示數據的div都有一個樣式,如下圖

所有的表格都有一個datagrid-cell的樣式那么這個時候我們就可以利用jquery來做時間的綁定了

下面是主要的js代碼:

/*綁定右鍵*/$(".datagrid-cell").live('contextmenu',function(e){//顯示快捷菜單$('#mm').menu('show', {left: e.pageX,top: e.pageY});return false;});下面是菜單的HTML代碼:

<!-- 菜單 --> <div id="mm" class="easyui-menu" style="width:120px;"> <div>New</div> <div> <span>Open</span> <div style="width:150px;"> <div><b>Word</b></div> <div>Excel</div> <div>PowerPoint</div> </div> </div> <div iconCls="icon-save">Save</div> <div class="menu-sep"></div> <div>Exit</div> </div>
這樣設置便會在表格上顯示:

看看非表格的地方:

轉載于:https://www.cnblogs.com/javaexam2/archive/2012/05/17/2632698.html

總結

以上是生活随笔為你收集整理的easyUI 绑定右键菜单在数据行上显示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。