91网首页-91网页版-91网在线观看-91网站免费观看-91网站永久视频-91网站在线播放

：點晴ERP-如何給打印頁面添加導出word,pdf,excel的功能

1. 添加以下代碼到網頁頭部

 <script type="text/javascript" src="../js/jquery-2.1.1.min.js"></script>

<script type="text/javascript" src="../js/FileSaver.js"></script>

<script type="text/javascript" src="../js/jquery.wordexport.js"></script>

<script type="text/javascript" src="../js/jquery.excelexport.js"></script>

<script type="text/javascript" src="../js/html2pdf.bundle.min.js"></script>

<script type="text/javascript">

//導出word函數

function html2doc(outID,outName) {

    //outID-導出內容控件ID,outName-導出文件名稱

    $("#"+outID).wordExport(outName);

}

//導出excel函數

function html2xls(outID,outName) {

    //outID-導出內容控件ID,outName-導出文件名稱

    $("#"+outID).excelExport(outName);

}

//導出PDF函數

function html2pdfs(outID,outName,orientFlag,pageSize) {

    //outID-導出內容控件ID,outName-導出文件名稱,orientFlag-導出方向(0縱向/1橫向),pageSize-導出頁面大小(默認A4，可以根據實際需要改為A3/B5等)

    var element = document.getElementById(outID);

    var orientName="portrait";

    if (orientFlag-1==0){orientName="landscape";}

    html2pdf().from(element).set({

      margin: 0,

      filename: outName+'.pdf',

      image: { type: 'jpeg', quality: 0.9 },

      html2canvas: { scale: 2, y: 0,  scrollY: 0 },

      jsPDF: {orientation: orientName, unit: 'in', format: pageSize, compressPDF: true}

    }).save();

}

</script>

2.添加導出按鈕如下面例子：

//導出Excel的按鈕

<input type="text" value="導出Excel" onclick="html2xls('print_body','采購單<%=order_id%>');" style="border:none;text-align:center;line-height:21px;vertical-align:middle;width:70px;height:21px;background-color:#0080FF;color:#FFFFFF;cursor:pointer;border-radius:3px;" onmouseover="this.style.backgroundColor='#0065CA';" onmouseout="this.style.backgroundColor='#0080FF';" readonly>

//導出WORD的按鈕

 <input type="button" value="導出Word" onclick="html2doc('print_body','采購單<%=order_id%>');" class="button_60px NOPRINT button_ui_dogerblue">

//導出縱向PDF的按鈕

 <input type="button" value="縱向導出PDF" onclick="html2pdfs('print_body','采購單<%=order_id%>',0,'A4');" class="button_60px NOPRINT button_ui_deepred">

//導出橫向PDF的按鈕

<input type="button" value="橫向導出PDF" onclick="html2pdfs('print_body','采購單<%=order_id%>',1,'A4');" class="button_60px NOPRINT button_ui_deepred">