JaToolsPrinter使用案例说明

来源：互联网发布：hp678墨盒数据清零编辑：程序博客网时间：2024/06/06 03:10

介绍一款强大的web免费打印软件--JaToolsPrinter,本人使用案例如下：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="LabelPrint.aspx.cs" Inherits="UPQualityCheckout_CheckoutType_LabelPrint" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />    <title></title>        <link href="../../Themes/Styles/Site.css" rel="Stylesheet" />    <script src="../../Themes/Scripts/jquery-1.8.2.min.js" type="text/javascript"></script>    <script src="../../Themes/Scripts/funJS.js" type="text/javascript"></script>    <script src="../../Themes/Scripts/jatoolsPrinter.js" type="text/javascript"></script>        <script type="text/javascript">        $(function () {            var data = "<%=sbHtml %>",                dataArr = data.split('|'),                printDiv = "<div id='page1'><table style='font-family:宋体; width:220px; height:220px;'><tr><td style='font-size:11pt;font-weight:bold; text-align:center;'>广州****有限公司</td></tr>"                + "<tr><td id='YorN' style='font-size:12pt;font-weight:bold; text-align:center; vertical-align:top;'>" + (dataArr[11] == "Y" ? "合 格" : "不 合 格") + "</td></tr>"                + "<tr><td style='font-size:10pt; height:26px; border-top:1px solid #000000; word-break:keep-all;'>检验单号:" + dataArr[0] + "  供应商:" + dataArr[6] + "</td></tr>"                + "<tr><td style='font-size:10pt; height:22px; word-break:keep-all;'>物料编码:" + dataArr[1] + "  数量:" + dataArr[4] + "</td></tr>"                + "<tr><td style='font-size:10pt; width:220px; height:24px;'>产品名称:" + dataArr[2] + "</td></tr>"                + "<tr><td style='font-size:10pt; width:220px; height:24px;'>规格:" + dataArr[3] + "</td></tr>"                + (dataArr[11] == "Y"                ? "<tr><td style='font-size:10pt; word-break:keep-all; height:24px;'>仓位:" + dataArr[7] + "  总箱数:" + dataArr[5] + "</td></tr>"                : "<tr><td style='font-size:10pt; height:24px;'>处理措施:" + dataArr[10] + "</td></tr>")                + "<tr><td style='font-size:10pt; height:24px; word-break:keep-all;'>检验员:" + dataArr[8] + " 检验日期:" + getToday() + "</td></tr>"                + "<tr><td style='font-size:10pt; height:24px;'>" + (dataArr[11] == "Y" ? "" : "不良原因:" + dataArr[9]) + "</td></tr>"                + "</table></div>";            if (dataArr.length == 12 && dataArr[11] == "Y") $("#aNo").hide();            else if (dataArr.length == 12 && dataArr[11] == "N") $("#aYes").hide();            if (dataArr.length > 12) {                var printDiv2 ="<div id='page2'><table style='font-family:宋体; width:220px; height:220px;'><tr><td style='font-size:11pt;font-weight:bold; text-align:center;'>****有限公司</td></tr>"                + "<tr><td id='YorN' style='font-size:12pt;font-weight:bold; text-align:center; vertical-align:top;'>" + (dataArr[23] == "Y" ? "合 格" : "不 合 格") + "</td></tr>"                + "<tr><td style='font-size:10pt; height:20px; border-top:1px solid #000000; word-break:keep-all;'>检验单号:" + dataArr[12] + "  供应商:" + dataArr[18] + "</td></tr>"                + "<tr><td style='font-size:10pt; height:20px; word-break:keep-all;'>物料编码:" + dataArr[13] + "  数量:" + dataArr[16] + "</td></tr>"                + "<tr><td style='font-size:10pt; width:220px; height:20px;'>产品名称:" + dataArr[14] + "</td></tr>"                + "<tr><td style='font-size:10pt; width:220px; height:20px;'>规格:" + dataArr[15] + "</td></tr>"                + (dataArr[23] == "Y"                ? "<tr><td style='font-size:10pt; word-break:keep-all; height:20px;'>仓位:" + dataArr[19] + "  总箱数:" + dataArr[17] + "</td></tr>"                : "<tr><td style='font-size:10pt; height:20px;'>处理措施:" + dataArr[22] + "</td></tr>")                + "<tr><td style='font-size:10pt; height:20px; word-break:keep-all;'>检验员:" + dataArr[8] + " 检验日期:" + getToday() + "</td></tr>"                + "<tr><td style='font-size:10pt; height:20px;'>" + (dataArr[23] == "Y" ? "" : "不良原因:" + dataArr[21]) + "</td></tr>"                + "</table></div>";                $("#printer").append(printDiv).append(printDiv2);            } else {                $("#printer").append(printDiv);            }        });        function printSet(name, from, to) {            var mySettings = new Object();            mySettings.paperWidth = 76;            mySettings.paperHeight = 76;            mySettings.topMargin = 5;    mySettings.bottomMargin = 5;            mySettings.leftMargin = 8;            mySettings.rightMargin = 5;                        var myDoc = {                settings: mySettings,                printer: name,                pageFrom: from,                pageTo: to,                documents: document, // 打印页面(div)们在本文档中                copyrights: '杰创软件拥有版权  www.jatools.com' // 版权声明必须            };            var jatoolsPrinter = getJatoolsPrinter();            jatoolsPrinter.print(myDoc, false);  // 不弹出对话框打印                   }        function doPrint(tag) {            if ($("#aYes").is(":hidden")) printSet('disqulified', 1, 1); //不合格            else if ($("#aNo").is(":hidden")) printSet($("#printerList").val(), 1, 1); //合格            else {                if ($("#YorN").text() == "合 格" && tag == "Y") printSet($("#printerList").val(), 1, 1); //合格                else if ($("#YorN").text() == "合 格" && tag == "N") printSet('disqulified', 2, 2); //不合格                else if ($("#YorN").text() == "不 合 格" && tag == "N") printSet('disqulified', 1, 1); //不合格                else printSet($("#printerList").val(), 2, 2); //合格            }            if (tag == "Y") $("#aYes").html("<span class='icon-botton icon-button-load'></span>打印中").attr("disabled", "true");            else $("#aNo").html("<span class='icon-botton icon-button-load'></span>打印中").attr("disabled", "true");            window.setTimeout(function () {                windowload();                            }, 1000);        }    </script></head><body>    <form id="form1" runat="server">           <div class="btnbarcontetn" style="font-weight:bold;">              <div style="text-align:right; margin-right:40px;">                <select id="printerList" class="select">                <option value="zuohege">左合格</option>                <option value="youhege">右合格</option>                                    </select>                        <a href="javascript:void(0);" id="aYes" class="button green" onclick="doPrint('Y')">            <span class="icon-botton icon-button-yes"></span>合 格</a>            <a href="javascript:void(0);" id="aNo" class="button green" onclick="doPrint('N')">            <span class="icon-botton icon-button-no"></span>不合格</a>                        </div>        </div>               <div id="printer" style="float:left; margin-left:40%;"></div>         </form><script>    declareJatoolsPrinter();</script></body></html>

代码说明：

1、注意div中的id为page1，表示是打印的是第一页，另外一个div中的id是page2，表示是打印的第二页，由于是免费的，无法自动分页，需要手动分页

2、注意在printSet()函数中的 mySettings中，有几个属性，我逐个说明：paperWidth是表示打印的纸张宽度，paperHeight是表示打印纸张高度，单位是mm；

topMargin,bottomMargin,leftMargin,rightMargin这四个属性分别是打印纸张的上边距、下边距，左边距，右边距，重要提示：如果指定了左边距和上边距，也要指定右边距与下边距，否则打印出来的页面可能右边与底边会无故截取掉.

3、注意myDoc中的printer与pageFrom,pageTo,copyrights四种属性，printer是指你指定的打印机的名称，缺省即为默认打印机，pageFrom与pageTo是指打印的指定页面，如本例中指定的打印第一页，即:pageFrom:1,pageTo:1。重要提示：copyrights的属性后面值为："杰创软件拥有版本 www.jatools.com"不能有任何内容的不同，否则无法打印

4、在文档末尾记得不要忘记了声明：declareJatoolsPrinter();

附赠：

JaToolsPrinter快速入门 <-------点击

阅读全文

0 0