easyui右键事件谈

最新推荐文章于 2022-09-05 15:33:13 发布

原创最新推荐文章于 2022-09-05 15:33:13 发布 · 342 阅读

0 ·

CC 4.0 BY-SA版权

冬天专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何在EasyUI的数据表格中通过右键事件实现选中行的下载功能。通过监听`onRowContextMenu`事件，阻止默认行为，选中目标行，并展示右键菜单。当点击菜单中的下载按钮时，遍历选中行，弹出提示框显示文件名。

</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();//阻止浏览器自带的右键菜单弹出
            }
       });