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

推荐订阅源

F
Fortinet All Blogs
爱范儿
爱范儿
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
B
Blog
WordPress大学
WordPress大学
Jina AI
Jina AI
GbyAI
GbyAI
aimingoo的专栏
aimingoo的专栏
N
Netflix TechBlog - Medium
腾讯CDC
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
阮一峰的网络日志
阮一峰的网络日志
The GitHub Blog
The GitHub Blog
V
Visual Studio Blog
Google DeepMind News
Google DeepMind News
月光博客
月光博客
博客园 - Franky
Y
Y Combinator Blog
MyScale Blog
MyScale Blog
大猫的无限游戏
大猫的无限游戏
Martin Fowler
Martin Fowler
雷峰网
雷峰网
小众软件
小众软件
H
Hackread – Cybersecurity News, Data Breaches, AI and More

博客园 - 码农张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