如何在页面中添加打印功能

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_30152271/article/details/51252500

1、首先,需要在页面引入打印控件:

<script language="javascript" src="LodopFuncs.js"></script>

点击前往下载LodopFuncs.js

2、添加一个用于打印的按钮:

<input class="btn btn-primary" type="button" value="打印" onclick="print();" />

3、添加方法:

        function print() {             //将打印按钮的单击添加print事件即可
            CreateOneFormPage();
            LODOP.PREVIEW();
        }

        function CreateOneFormPage(){
            LODOP=getLodop();
            LODOP.PRINT_INIT("打印控件");
            //LODOP.SET_PRINT_STYLE("FontSize",14);
            LODOP.SET_PRINT_STYLE("Bold",1);
            //LODOP.ADD_PRINT_TEXT(50,231,260,39,"打印页面部分内容");

            var strStyleCSS = "<style>";          //打印页面要用的css样式
            strStyleCSS+=".qrlist{list-style:none;margin:0;}.qrlist>li{width:5cm;height: 3cm;display: inline-block;border:1px solid #777777;}.qrlist>li>table{width: 100%;height: 100%;}.qrlist td{vertical-align: middle;padding:5px;text-align: center;}";
            strStyleCSS+="</style>";
            var strFormHtml = strStyleCSS+"<body>"+$(".qrcontent").html()+"</body>";    //需要打印的元素
            console.log(strFormHtml);
            LODOP.ADD_PRINT_HTM(20,50,700,1000, strFormHtml);
        }

猜你喜欢

转载自blog.csdn.net/qq_30152271/article/details/51252500