惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

罗磊的独立博客
G
Google Developers Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
腾讯CDC
有赞技术团队
有赞技术团队
Vercel News
Vercel News
MongoDB | Blog
MongoDB | Blog
M
MIT News - Artificial intelligence
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
B
Blog RSS Feed
I
InfoQ
Blog — PlanetScale
Blog — PlanetScale
博客园_首页
The Cloudflare Blog
B
Blog
C
Check Point Blog
Stack Overflow Blog
Stack Overflow Blog
IT之家
IT之家
U
Unit 42
D
Docker
月光博客
月光博客
aimingoo的专栏
aimingoo的专栏
博客园 - Franky
A
About on SuperTechFans

博客园 - 码农张3

Windows下安装OpenSSL SpringBoot集成BCrypt密码加密库 Vue3 父组件引用子组件并控制子组件显隐及数据传递 MySQL创建用户且只能访问指定数据库表 自定义跨字段校验必填注解 Element Plus SCSS 变量覆盖用法 leaflet-canvasmarker添加的marker旋转问题 SpringBoot项目控制台打印sql设置 Windows 远程桌面复制粘贴突然无效 SQLServerException: 驱动程序无法通过使用安全套接字层(SSL)加密与 SQL Server 建立安全连接。 右键用vscode打开文件夹 nodemon: 无法加载文件 C:\DevSoft\nodejs\node_global\nodemon.ps1 - 码农张3 个人所得税App住房贷款利息解读 JavaScript学习笔记—DOM:操作class JavaScript学习笔记—DOM:通过属性读取样式 SQLServer数据库导出指定表里所有数据成insert语句 解决Mybatis xml文件中执行mysql语句时,语句后携带分号实现多语句执行报异常问题 JS去除字符串前面所有0 Redis启动服务报错:服务没有及时响应启动或者控制请求 JavaScript学习笔记—DOM:元素的添加、修改、删除 JavaScript学习笔记—全选、取消、反选、提交 JavaScript学习笔记—DOM:事件 JavaScript学习笔记—DOM:属性节点
EasyUI Datagrid添加右键导出菜单并导出数据
码农张3 · 2023-02-09 · via 博客园 - 码农张3

EasyUI Datagrid添加右键导出菜单并导出数据

```html
<table id="tbl" class="easyui-datagrid"  data-options="onRowContextMenu: function (e, rowIndex, rowData) {
 $('#rightMenu').menu('show', { left: e.pageX, top: e.pageY }); e.preventDefault();
}
	<th data-options="field:'code'">Code</th>
	<th data-options="field:'name'">Name</th>
	<th data-options="field:'price'">Price</th>
</table>

<div id="rightMenu" class="easyui-menu" style="width:100px;display: none">
    <div iconCls="icon-xls" οnclick="exportData()">导出数据</div>
</div>

<script src="datagrid-export.js" charset="utf-8"></script>
<script>
  // 导出轨迹点数据
  function exportData(){
    var tbl = $("#tbl");
    var items = tbl.datagrid("getRows");
    tbl.datagrid("toExcel", {
    filename: "xxxx数据.xls",
    rows: items,
    worksheet: "Sheet"
  });
</script>
```

e.preventDefault() 屏蔽浏览器自带右键菜单

datagrid右键菜单参考: https://blog.csdn.net/wh_forever/article/details/47154801

附件: datagrid-export.js