• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    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
     *  参数:tableID  HTML中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!\n\n" + e.message +
               "\n\n如果您确信您的电脑中已经安装了Excel,"+
               "那么请调整IE的安全级别。\n\n具体操作:\n\n"+
               "工具 → Internet选项 → 安全 → 自定义级别 → ActiveX控件和插件 \n\n" +
           "→ 启用 : 对没有标记为安全的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;

        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 = 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还没去研究,希望各位大神指教。

    您可能感兴趣的文章:
    • C#实现Json转DataTable并导出Excel的方法示例
    • Js 导出table内容到Excel的简单实例
    • js导出table数据到excel即导出为EXCEL文档的方法
    • js导出table到excel同时兼容FF和IE示例
    • JavaScript将Table导出到Excel实现思路及代码
    • javascript 导出数据到Excel(处理table中的元素)
    • 基于JS实现table导出Excel并保留样式
    上一篇:jsp 使用jstl实现翻页实例代码
    下一篇:java(jsp)整合discuz同步登录功能详解
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    Jsp中的table多表头导出excel文件具体实现 Jsp,中的,table,多,表头,导出,