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文件的实现方法全部内容了,希望大家多多支持脚本之家~
jquery easyui需要引入的文件有如下4个:
<!-- jquery核心库 -->
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<!-- easyui核心库 -->
<script type="text/javascript" src="easyui/jquery.easyui.min.js"></script>
<!-- easyui核心UI文件 css -->
<link href="easyui/themes/default/easyui.css" rel="stylesheet" type="text/css"/>
<!-- easyui图标 -->
<link href="easyui/themes/icon.css" rel="stylesheet" type="text/css"/>
jquery核心库一定要放在easyui核心库前面引入,不然jquery.easyui.min.js中会报错:jQuery is not defined。
有的时候,我们需要进行国际化,比如一些提醒、日历等,就需要引入easyui的国际化文件,代码如下:
<!-- easyui国际化文件 -->
<script type="text/javascript" src="../resource/js/jquery-easyui-1.5/locale/easyui-lang-zh_CN.js"></script>