展会信息港展会大全

Jsp中的table多表头导出excel文件具体实现
来源:互联网   发布日期:2016-03-01 10:41:21   浏览:1524次  

导读:这篇文章主要介绍了Jsp中的table多表头导出excel文件具体实现,有需要的朋友可以参考一下首先引入两份JS:copyhtmltoexcel.js以及 tableToExcel.js...

这篇文章主要介绍了Jsp中的table多表头导出excel文件具体实现,有需要的朋友可以参考一下

首先引入两份JS:copyhtmltoexcel.js以及 tableToExcel.js

代码如下:

/*

* 默认转换实现函数,如果需要其他功能,需自行扩展

* 参数:

*tableID : HTML中Table对象id属性值

* 详细用法参见以下 TableToExcel 对象定义

*/

function saveAsExcel(tableID){

var tb = new TableToExcel(tableID);

tb.setFontStyle("Courier New");

tb.setFontSize(10);

tb.setTableBorder(2);

tb.setColumnWidth(7);

tb.isLineWrap(false);

tb.isAutoFit(true);

tb.getExcelFile();

}

/*

*功能:HTML中Table对象转换为Excel通用对象.

*作者:Jeva

*时间:2006-08-09

*参数:tableIDHTML中Table对象的ID属性值

*说明:

*能适应复杂的HTML中Table对象的自动转换,能够自动根据行列扩展信息

*合并Excel中的单元格,客户端需要安装有Excel

*详细的属性、方法引用说明参见:Excel的Microsoft Excel Visual Basic参考

*示范:

*var tb = new TableToExcel('demoTable');

*tb.setFontStyle("Courier New");

*tb.setFontSize(10);//推荐取值10

*tb.setFontColor(6);//一般情况不用设置

*tb.setBackGround(4);//一般情况不用设置

*tb.setTableBorder(2);//推荐取值2

*tb.setColumnWidth(10);//推荐取值10

*tb.isLineWrap(false);

*tb.isAutoFit(true);

*

*tb.getExcelFile();

*如果设置了单元格自适应,则设置单元格宽度无效

*版本:1.0

*/

function TableToExcel(tableID) {

this.tableBorder = -1; //边框类型,-1没有边框 可取1/2/3/4

this.backGround = 0; //背景颜色:白色可取调色板中的颜色编号 1/2/3/4....

this.fontColor = 1;//字体颜色:黑色

this.fontSize = 10;//字体大小

this.fontStyle = "宋体"; //字体类型

this.rowHeight = -1; //行高

this.columnWidth = -1; //列宽

this.lineWrap = true; //是否自动换行

this.textAlign = -4108; //内容对齐方式默认为居中

this.autoFit = false;//是否自适应宽度

this.tableID = tableID;

}

TableToExcel.prototype.setTableBorder = function (excelBorder) {

this.tableBorder = excelBorder ;

};

TableToExcel.prototype.setBackGround = function (excelColor) {

this.backGround = excelColor;

};

TableToExcel.prototype.setFontColor = function (excelColor) {

this.fontColor = excelColor;

};

TableToExcel.prototype.setFontSize = function (excelFontSize) {

this.fontSize = excelFontSize;

};

TableToExcel.prototype.setFontStyle = function (excelFont) {

this.fontStyle = excelFont;

};

TableToExcel.prototype.setRowHeight = function (excelRowHeight) {

this.rowHeight = excelRowHeight;

};

TableToExcel.prototype.setColumnWidth = function (excelColumnWidth) {

this.columnWidth = excelColumnWidth;

};

TableToExcel.prototype.isLineWrap = function (lineWrap) {

if (lineWrap == false || lineWrap == true) {

this.lineWrap = lineWrap;

}

};

TableToExcel.prototype.setTextAlign = function (textAlign) {

this.textAlign = textAlign;

};

TableToExcel.prototype.isAutoFit = function(autoFit){

if(autoFit == true || autoFit == false)

this.autoFit = autoFit ;

}

//文件转换主函数

TableToExcel.prototype.getExcelFile = function () {

var jXls, myWorkbook, myWorksheet, myHTMLTableCell, myExcelCell, myExcelCell2;

var myCellColSpan, myCellRowSpan;

try {

jXls = new ActiveXObject('Excel.Application');

}

catch (e) {

alert("无法启动Excel!nn" + e.message +

"nn如果您确信您的电脑中已经安装了Excel,"+

"那么请调整IE的安全级别。nn具体操作:nn"+

"工具 → Internet选项 → 安全 → 自定义级别 → ActiveX控件和插件 nn" +

"→ 启用 : 对没有标记为安全的ActiveX控件进行初始化和脚本运行");

return false;

}

jXls.Visible = true;

myWorkbook = jXls.Workbooks.Add();

jXls.DisplayAlerts = false;

myWorkbook.Worksheets(3).Delete();

myWorkbook.Worksheets(2).Delete();

jXls.DisplayAlerts = true;

myWorksheet = myWorkbook.ActiveSheet;

varreadRow = 0,readCol = 0;

var totalRow = 0, totalCol = 0;

vartabNum = 0;

//设置行高、列宽

if(this.columnWidth != -1)

myWorksheet.Columns.ColumnWidth = this.columnWidth;

else

myWorksheet.Columns.ColumnWidth = 7;

if(this.rowHeight != -1)

myWorksheet.Rows.RowHeight = this.rowHeight ;

//搜索需要转换的Table对象,获取对应行、列数

var obj = document.all.tags("table");

for (x = 0; x < obj.length; x++) {

if (obj[x].id == this.tableID) {

tabNum = x;

totalRow = obj[x].rows.length;

for (i = 0; i < obj[x].rows[0].cells.length; i++) {

myHTMLTableCell = obj[x].rows(0).cells(i);

myCellColSpan = myHTMLTableCell.colSpan;

totalCol = totalCol + myCellColSpan;

}

}

}

//开始构件模拟表格

var excelTable = new Array();

for (i = 0; i <= totalRow; i++) {

excelTable[i] = new Array();

for (t = 0; t <= totalCol; t++) {

excelTable[i][t] = false;

}

}

//开始转换表格

for (z = 0; z < obj[tabNum].rows.length; z++) {

readRow = z + 1;

readCol = 1;

for (c = 0; c < obj[tabNum].rows(z).cells.length; c++) {

myHTMLTableCell = obj[tabNum].rows(z).cells(c);

myCellColSpan = myHTMLTableCell.colSpan;

myCellRowSpan = myHTMLTableCell.rowSpan;

for (y = 1; y <= totalCol; y++) {

if (excelTable[readRow][y] == false) {

readCol = y;

break;

}

}

if (myCellColSpan * myCellRowSpan > 1) {

myExcelCell = myWorksheet.Cells(readRow, readCol);

myExcelCell2 = myWorksheet.Cells(readRow + myCellRowSpan - 1, readCol + myCellColSpan - 1);

myWorksheet.Range(myExcelCell, myExcelCell2).Merge();

myExcelCell.HorizontalAlignment = this.textAlign;

myExcelCell.Font.Size = this.fontSize;

myExcelCell.Font.Name = this.fontStyle;

myExcelCell.wrapText = this.lineWrap;

myExcelCell.Interior.ColorIndex = this.backGround;

myExcelCell.Font.ColorIndex = this.fontColor;

if(this.tableBorder != -1){

myWorksheet.Range(myExcelCell, myExcelCell2).Borders(1).Weight = this.tableBorder ;

myWorksheet.Range(myExcelCell, myExcelCell2).Borders(2).Weight = this.tableBorder ;

myWorksheet.Range(myExcelCell, myExcelCell2).Borders(3).Weight = this.tableBorder ;

myWorksheet.Range(myExcelCell, myExcelCell2).Borders(4).Weight = this.tableBorder ;

}

myExcelCell.Value = myHTMLTableCell.innerText;

for (row = readRow; row <= myCellRowSpan + readRow - 1; row++) {

for (col = readCol; col <= myCellColSpan + readCol - 1; col++) {

excelTable[row][col] = true;

}

}

readCol = readCol + myCellColSpan;

} else {

myExcelCell = myWorksheet.Cells(readRow, readCol);

myExcelCell.Value = myHTMLTableCell.innerText;

myExcelCell.HorizontalAlignment = this.textAlign;

myExcelCell.Font.Size = this.fontSize;

myExcelCell.Font.Name = this.fontStyle;

myExcelCell.wrapText = this.lineWrap;

myExcelCell.Interior.ColorIndex = this.backGround;

myExcelCell.Font.ColorIndex = this.fontColor;

if(this.tableBorder != -1){

myExcelCell.Borders(1).Weight = this.tableBorder ;

myExcelCell.Borders(2).Weight = this.tableBorder ;

myExcelCell.Borders(3).Weight = this.tableBorder ;

myExcelCell.Borders(4).Weight = this.tableBorder ;

}

excelTable[readRow][readCol] = true;

readCol = readCol + 1;

}

}

}

if(this.autoFit == true)

myWorksheet.Columns.AutoFit;

jXls.UserControl = true;

jXls = null;

myWorkbook = null;

myWorksheet = null;

};

copyhtmltoexcel.js

代码如下:

//elTalbeOut 这个为导出内容的外层表格,主要是设置border之类的样式,elDiv则是整个导出的html部分

function onhtmlToExcel(elTableOut,elDiv){

try{

//设置导出前的数据,为导出后返回格式而设置

var elDivStrBak = elDiv.innerHTML;

//设置table的border=1,这样到excel中就有表格线 ps:感谢双面提醒

elTableOut.border=1;

//过滤elDiv内容

var elDivStr = elDiv.innerHTML;

elDivStr = replaceHtml(elDivStr,"<A",">");

elDivStr = replaceHtml(elDivStr,"</A",">");

elDiv.innerHTML=elDivStr;

var oRangeRef = document.body.createTextRange();

oRangeRef.moveToElementText( elDiv );

oRangeRef.execCommand("Copy");

//返回格式变换以前的内容

elDiv.innerHTML = elDivStrBak;

//内容数据可能很大,所以赋空

elDivStrBak = "";

elDivStr = "";

var oXL = new ActiveXObject("Excel.Application")

var oWB = oXL.Workbooks.Add ;

var oSheet = oWB.ActiveSheet ;

oSheet.Paste();

oSheet.Cells.NumberFormatLocal = "@";

oSheet.Columns("D:D").Select

oXL.Selection.ColumnWidth = 20

oXL.Visible = true;

oSheet = null;

oWB = null;

appExcel = null;

}catch(e){

alert(e.description)

}

}

function replaceHtml(replacedStr,repStr,endStr){

var replacedStrF = "";

var replacedStrB = "";

var repStrIndex = replacedStr.indexOf(repStr);

while(repStrIndex != -1){

replacedStrF = replacedStr.substring(0,repStrIndex);

replacedStrB = replacedStr.substring(repStrIndex,replacedStr.length);

replacedStrB = replacedStrB.substring(replacedStrB.indexOf(endStr)+1,replacedStrB.length);

replacedStr = replacedStrF + replacedStrB;

repStrIndex = replacedStr.indexOf(repStr);

}

return replacedStr;

}

在JSP页面中写JS方法

代码如下:

//生成Excel

function onTableToExcel(){

var elTableOut = document.getElementById("elTableOut");

var elDiv = document.getElementById("elDiv");

onhtmlToExcel(elTableOut,elDiv);

}

注意事项:使用JS导出excel需要设置IE的active。注意最佳的是IE8浏览器。至于在java后台实现excel还没去研究,希望各位大神指教。

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
推荐内容
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港