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的append插入一段html input,用js实现渲染input得到combobox ,
比如在一个div中加入combobox
$("div").append("<input id='combobox'></input")$("#combobox").combobox({
url:'getComboData',
valueField:'value',
textField:'text'
})
//先遍历每一行$("tr").each(function(i){
//i=0 表示第一行
//再开始在每一行里遍历每一列
$(this).find("td,th").each(function(j){
//j=0 表示为第一列
var str="第"+eval(i+1)+"行第"+eval(j+1)+"列的内容为:"+$(this).text()
})
})
上面的代码,就是基础的遍历表格的代码了,希望能帮助到你!