前端HTML中table对象导出到Excel

导出前端Table到Excel功能,如果后台去做, 的确可以忽略考虑浏览器的兼容性问题 ,但是后台需要用正则表达式进行匹配每行的数据,并且还要考虑合并单元格问题,复杂度很大 。

如果前端可以直接将table对象转换成excel通用对象的话,那么只要将table里的内容复制到excel中就能实现导出功能。以下程序就是在前端上实现下载到excel功能,不过缺陷是有浏览器的兼容性问题,需要利用ActiveXObject来开启Excel程序,以下程序只能在IE中实现。

/**
 * ========================导出到Excel===================================================
 * 
 * 功能:HTML中Table对象转换为Excel通用对象.
 * 参数:tableID HTML中Table对象的ID属性值
 */
test._helper.exportToExcel  =  function(tableID){
      var tb = new TableToExcel(tableID);
      tb.setFontStyle("Courier New");
      tb.setFontSize(10);
      tb.setTableBorder(2);
      tb.setColumnWidth(7);
      tb.isLineWrap(true);
      tb.getExcelFile();
};
TableToExcel =     function(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 = 20; //行高
    this.columnWidth = -1; //列宽
    this.lineWrap = true; //是否自动换行
    this.textAlign = -4108; //内容对齐方式 默认为居中
    this.autoFit = true; //是否自适应宽度
    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) {
                if((!+'/v1')) //ie浏览器 
                    alert("无法启动Excel,请使用IE浏览器进行该操作!\n\n如果您确信您的电脑中已经安装了Excel,"
                        + "那么请调整IE的安全级别。\n\n具体操作:\n\n"
                        + "工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");
                else 
                     alert("请使用IE浏览器进行“导出到EXCEL”操作!");  //方便设置安全等级,限制为ie浏览器        
                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;
            var readRow = 0, readCol = 0;
            var totalRow = 0, totalCol = 0;
            var tabNum = 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 = 0;
                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.Visible = true;
            jXls = null;
            myWorkbook = null;
            myWorksheet = null;
        }; 
/**
 * ===================导出到Excel 结束===========================================
* */
本站总访问量