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 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
用javascript实现读取txt文档的脚本
Jul 20 Javascript
js计算页面刷新的次数
Jul 20 Javascript
javaScript Array(数组)相关方法简述
Jul 25 Javascript
javascript函数中的arguments参数
Aug 01 Javascript
javascript (用setTimeout而非setInterval)
Dec 28 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
js动画效果制件让图片组成动画代码分享
Jan 14 Javascript
JavaScript事件委托用法分析
Jan 24 Javascript
通过源码分析Vue的双向数据绑定详解
Sep 24 Javascript
vue2中引用及使用 better-scroll的方法详解
Nov 15 Javascript
解决layer弹出层自适应页面大小的问题
Sep 16 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
PHP实现根据设备类型自动跳转相应页面的方法
2014/07/24 PHP
php截取指定2个字符之间字符串的方法
2015/04/15 PHP
PHP实现即时输出、实时输出内容方法
2015/05/27 PHP
php中session定期自动清理的方法
2015/11/12 PHP
thinkPHP内置字符串截取函数用法详解
2016/11/15 PHP
php中try catch捕获异常实例详解
2020/08/06 PHP
JavaScript入门教程(2) JS基础知识
2009/01/31 Javascript
给Function做的OOP扩展
2009/05/07 Javascript
jQuery回车实现登录简单实现
2013/08/20 Javascript
Javascript中克隆一个数组的实现代码
2013/12/06 Javascript
使用jquery实现放大镜效果
2014/09/02 Javascript
详细介绍jQuery.outerWidth() 函数具体用法
2015/07/20 Javascript
javascript创建cookie、读取cookie
2016/03/31 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
基于Marquee.js插件实现的跑马灯效果示例
2017/01/25 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
使用Vue父子组件通信实现todolist的功能示例代码
2019/04/11 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
2019/04/23 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
Layui之table中的radio在切换分页时无法记住选中状态的解决方法
2019/09/02 Javascript
PyQt5打开文件对话框QFileDialog实例代码
2018/02/07 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
python3的print()函数的用法图文讲解
2019/07/16 Python
Python基于内置库pytesseract实现图片验证码识别功能
2020/02/24 Python
在python3中实现查找数组中最接近与某值的元素操作
2020/02/29 Python
法国最大电子商务平台:Cdiscount
2018/03/13 全球购物
瑞典度假品牌:OAS
2019/05/28 全球购物
《会变的花树叶》教学反思
2014/02/10 职场文书
实现中国梦思想汇报2014
2014/09/13 职场文书
学校艾滋病宣传活动总结
2015/05/09 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
Django分页器的用法你都了解吗
2021/05/26 Python
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
详解Go语言中Get/Post请求测试
2022/06/01 Golang
二维码条形码生成的JavaScript脚本库
2022/07/07 Javascript