您的位置：首页 > 其它

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

2016-04-26 17:52 274 查看
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);
}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航