您的位置:首页 > 产品设计 > UI/UE

easyui右键事件谈

2016-01-21 16:42 429 查看
<div id="menu" class="easyui-menu" style="width: 20px; display: none;">

    <div id="btn_Download" data-options="iconCls:'icon-edit'"><evun:msg key="probe.jsp.dtciclaimingordersw.title.rightclickdownload"/></div>
</div>

$("#detail_dtciclaimingattachsw_grid").datagrid({

            onRowContextMenu: function (e, rowIndex, rowData) { //右键时触发事件

                e.preventDefault(); //阻止浏览器捕获右键事件

                $(this).datagrid("clearSelections"); //取消所有选中项

                $(this).datagrid("selectRow", rowIndex); //根据索引选中该行

                $('#menu').menu('show', {//显示右键菜单

                    left: e.pageX,

                    top: e.pageY,

                    onClick: function(item){

                        if(item.id=='btn_Download'){

                            for(var i=0;i<=rowIndex;i++){

                                alert(item.text+" :"+rowData.ATTACHMENT_NAME);

                            }

                        }

                    }

                });

                e.preventDefault();//阻止浏览器自带的右键菜单弹出  

            }

        });

probe.jsp.dtciclaimingordersw.title.rightclickdownload=Download
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: