右键功能
(1)用鼠标点击右键,会出现按钮:
(图 1)
(2)实现右键菜单的代码:
<div id="mm" class="easyui-menu" style="width:120px;">
<div οnclick="append()" data-options="iconCls:'icon-add'">Append</div>
<div οnclick="removeIt()" data-options="iconCls:'icon-remove'">Remove</div>
<div class="menu-sep"></div>
<div οnclick="collapse()">折叠</div>
<div οnclick="expand()">展开</div>
<div οnclick="isLeaf()" data-options="iconCls:'icon-remove'">isLeaf</div>
</div>
(2单击鼠标右键,所执行的方法:
//右键菜单
function qq(){
$(document).ready(function () {
//DataGrid右键菜单代码:
$("#w清单明细").datagrid({//把点击右键放在哪一个区域
onRowContextMenu: function (e, rowIndex, rowData) { //右键时触发事件
e.preventDefault(); //阻止浏览器捕获右键事件
$(this).datagrid("clearSelections"); //取消所有选中项
$(this).datagrid("selectRow", rowIndex); //根据索引选中该行
$('#mm').menu('show', {
//显示右键菜单
left: e.pageX, //在鼠标点击处显示菜单
top: e.pageY
});
e.preventDefault(); //阻止浏览器自带的右键菜单弹出
}
});
});
}
<script type="text/javascript">
$(document).ready(function () {
qq();
//一打开窗体,就执行右键方法
})
仅供学习参考!禁止商业用途,否则后果自负!