EasyUI 结合JS导出Excel文件的实现方法


Posted in Javascript onNovember 10, 2016

废话俺就少说了,直接进入正题!!单纯的JS能够导出Excel的不多见,一般都需要调用客户端所安装的Office Excel组件来完成这个工作。这里我主要讲EasyUI内的DataGrid如何结合JS导出Excel文件

一、 导出Excel的核心代码段如下所示

function Exproter() {
      //获取Datagride的列
      var rows = $('#test').datagrid('getRows');
      var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel 
      var oWB = oXL.Workbooks.Add(); //获取workbook对象 
      var oSheet = oWB.ActiveSheet; //激活当前sheet
      for (var i = 0; i < rows.length; i++) {
        oSheet.Cells(i + 1, 1).value = rows[i].O_NAME;
      }
      oXL.Visible = true; //设置excel可见属性
}

二、以上JS方法能够顺利执行的大前提就是

1.机器上Excel已经安装.

2.Internet 选项=>安全=>Internet

\"对没有标记为安全的ActiveX控件进行初始化和脚本运行,设定为启用\"

//EasyUI datagrid 动态导出Excel
function ExporterExcel() {
      //获取Datagride的列
      var rows = $('#tt').datagrid('getRows');
      var columns = $("#tt").datagrid("options").columns[0];
      var oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel 
      var oWB = oXL.Workbooks.Add(); //获取workbook对象 
      var oSheet = oWB.ActiveSheet; //激活当前sheet
      //设置工作薄名称
      oSheet.name = "导出Excel报表";
      //设置表头
      for (var i = 0; i < columns.length; i++) {
        oSheet.Cells(1, i+1).value = columns[i].title;
      }
      //设置内容部分
      for (var i = 0; i < rows.length; i++) {
        //动态获取每一行每一列的数据值
        for (var j = 0; j < columns.length; j++) {        
          oSheet.Cells(i + 2, j+1).value = rows[i][columns[j].field];
        }  
      }       
      oXL.Visible = true; //设置excel可见属性
}

以上就是小编为大家带来的EasyUI 结合JS导出Excel文件的实现方法全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
工作中常用到的JS表单验证代码(包括例子)
Nov 11 Javascript
仅IE不支持setTimeout/setInterval函数的第三个以上参数
May 25 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
纯JS实现动态时间显示代码
Feb 08 Javascript
window.location不跳转的问题解决方法
Apr 17 Javascript
angularJS结合canvas画图例子
Feb 09 Javascript
jQuery事件绑定与解除绑定实现方法
Apr 15 Javascript
JavaScript获取DOM元素的11种方法总结
Apr 25 Javascript
Javascript闭包实例详解
Nov 29 Javascript
JavaScript函数柯里化详解
Apr 29 Javascript
浅谈Node异步编程的机制
Oct 18 Javascript
JavaScript常见JSON操作实例分析
Aug 08 Javascript
浅谈MVC+EF easyui dataGrid 动态加载分页表格
Nov 10 #Javascript
微信小程序 后台https域名绑定和免费的https证书申请详解
Nov 10 #Javascript
bootstrap的3级菜单样式,支持母版页保留打开状态实现方法
Nov 10 #Javascript
浅谈layer的iframe弹窗给里面的标签赋值的问题
Nov 10 #Javascript
微信小程序 删除项目工程实现步骤
Nov 10 #Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 #Javascript
easyui导出excel无法弹出下载框的快速解决方法
Nov 10 #Javascript
You might like
自动分页的不完整解决方案
2007/01/12 PHP
php+xml结合Ajax实现点赞功能完整实例
2015/01/30 PHP
学习php设计模式 php实现状态模式
2015/12/07 PHP
thinkPHP使用post方式查询时分页失效的解决方法
2015/12/09 PHP
PHP-FPM和Nginx的通信机制详解
2019/02/01 PHP
js活用事件触发对象动作
2008/08/10 Javascript
JS中setInterval、setTimeout不能传递带参数的函数的解决方案
2013/04/28 Javascript
邮箱下拉自动填充选择示例代码附图
2014/04/03 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
jquery统计用户选中的复选框的个数
2014/06/06 Javascript
在JS数组特定索引处指定位置插入元素
2014/07/27 Javascript
javascript实现简单的html5视频播放器
2015/05/06 Javascript
jquery移动点击的项目到列表最顶端的方法
2015/06/24 Javascript
jQuery实现图片渐入渐出切换展示效果
2015/08/15 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
Angular4实现鼠标悬停3d倾斜效果
2017/10/25 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
D3.js(v3)+react 实现带坐标与比例尺的散点图 (V3版本)
2019/05/09 Javascript
ES6中的迭代器、Generator函数及Generator函数的异步操作方法
2019/05/12 Javascript
[01:03:33]Alliance vs TNC 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
Python中利用Scipy包的SIFT方法进行图片识别的实例教程
2016/06/03 Python
python3编码问题汇总
2016/09/06 Python
解决python写入mysql中datetime类型遇到的问题
2018/06/21 Python
解决Python3中的中文字符编码的问题
2018/07/18 Python
对pandas中Series的map函数详解
2018/07/25 Python
Python使用qrcode二维码库生成二维码方法详解
2020/02/17 Python
记一次pyinstaller打包pygame项目为exe的过程(带图片)
2020/03/02 Python
Python3爬虫里关于代理的设置总结
2020/07/30 Python
详解CSS3原生支持div铺满浏览器的方法
2018/08/30 HTML / CSS
HTML5 语义化结构化规范化
2008/10/17 HTML / CSS
护士自荐信怎么写
2013/10/18 职场文书
销售自荐信
2013/10/22 职场文书
计算机系毕业生推荐信
2013/11/06 职场文书
2015年元旦文艺汇演主持词
2014/03/26 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
mysql sock 文件解析及作用讲解
2022/07/15 MySQL