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 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
分享一个自己写的table表格排序js插件(高效简洁)
Oct 29 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
js使浏览器窗口最大化实现代码(适用于IE)
Aug 07 Javascript
js加载之使用DOM方法动态加载Javascript文件
Nov 08 Javascript
使用node.js 制作网站前台后台
Nov 13 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
Vue.js组件tree实现无限级树形菜单
Dec 02 Javascript
vue-for循环嵌套操作示例
Jan 28 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
Nov 05 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
大师制作的中短波矿石收音机
2020/04/02 无线电
PHP统计目录中文件以及目录中目录大小的方法
2016/01/09 PHP
基于PHP实现邮箱验证激活过程详解
2020/10/28 PHP
DIV菜单层实现代码
2010/11/19 Javascript
jquery实现固定顶部导航效果(仿蘑菇街)
2013/03/21 Javascript
javascript获取元素偏移量的方法有哪些
2014/06/24 Javascript
Javascript快速排序算法详解
2014/12/03 Javascript
jquery trigger实现联动的方法
2016/02/29 Javascript
javascript显示倒计时控制按钮的简单实现
2016/06/07 Javascript
利用jQuery的动画函数animate实现豌豆发射效果
2016/08/28 Javascript
微信公众平台开发教程(五)详解自定义菜单
2016/12/02 Javascript
Vue 框架之动态绑定 css 样式实例分析
2018/11/14 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
js实现指定时间倒计时效果
2019/08/26 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
2020/10/18 Javascript
JS removeAttribute()方法实现删除元素的某个属性
2021/01/11 Javascript
[00:57]深扒TI7聊天轮盘语音出处5
2017/05/11 DOTA
详解Python中的Descriptor描述符类
2016/06/14 Python
Python批量生成特定尺寸图片及图画任意文字的实例
2019/01/30 Python
python里dict变成list实例方法
2019/06/26 Python
python excel转换csv代码实例
2019/08/26 Python
Python实现Restful API的例子
2019/08/31 Python
python计算无向图节点度的实例代码
2019/11/22 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
python 对一幅灰度图像进行直方图均衡化
2020/10/27 Python
俄罗斯在线水暖商店:Perfecto.ru
2019/10/25 全球购物
匡威俄罗斯官网:Converse俄罗斯
2020/05/09 全球购物
采购人员的个人自我评价
2014/01/16 职场文书
法律专业学生的自我评价
2014/02/07 职场文书
少儿节目主持串词
2014/04/02 职场文书
医生党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
国际贸易实务实训报告
2014/11/05 职场文书
中秋节慰问信
2015/02/15 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
python实现简单石头剪刀布游戏
2021/10/24 Python
Python列表的索引与切片
2022/04/07 Python