前言

之前做项目,需要把easyui datagrid的数据导出到excel,看了很多博文,都需要大量的代码才能实现这个功能,后来机缘巧合找到一种方法,现在我自己写一个小案例来演示一下这个方法

## 实现流程

1.导入datagrid-export.js

 <script type="text/javascript" src="js/datagrid-export.js"></script>

2.关键代码 我把代码写在exportExcel()函数中,然后在前端页面绑定导出按钮

网页代码:

 <a id="daochu" class="easyui-linkbutton" style="" onclick="exportExcel()">导出</a>

js代码:

 function exportExcel() {
    $('#dg_f').datagrid('toExcel', 'dg.xls'); // dg.xls是导出excel的excel文件名
   }

实现效果

首先我们需要一个已经加载数据的datagrid表格 在这里插入图片描述 然后点击导出按钮导出到excel(刚刚函数绑定导出按钮)

在这里插入图片描述

导出excel效果图:
在这里插入图片描述