您的位置:首页 > 其它

一 右键功能

2015-06-03 21:10 176 查看

右键功能

(1)用鼠标点击右键,会出现按钮:



(图 1)

(2)实现右键菜单的代码:
<div id="mm" class="easyui-menu" style="width:120px;">
<div onclick="append()" data-options="iconCls:'icon-add'">Append</div>
<div onclick="removeIt()" data-options="iconCls:'icon-remove'">Remove</div>
<div class="menu-sep"></div>
<div onclick="collapse()">折叠</div>
<div onclick="expand()">展开</div>
<div onclick="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();
//一打开窗体,就执行右键方法

})


仅供学习参考!禁止商业用途,否则后果自负!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: