您的位置：首页 > 运维架构

打印控件Lodop的使用

2015-06-04 11:37 309 查看

前些天发现一个不错的打印的控件Lodop，下面就来介绍一下具体使用！

首先到官网：http://www.lodop.net/download.html 下载最新版，文档的话官网中有很详细的介绍，这里演示的是6.198版本

1.首先导入JS

<script src="Scripts/LodopFuncs.js"></script>

2.制作一个简单的页面

<script type="text/javascript">
function printView() {
if (createPrintPage()) {
LODOP.PREVIEW();
} else {
alert("您的浏览器不支持预览功能，请直接打印！");
}
}

function ptint() {
if (createPrintPage()) {
LODOP.PRINT();
alert("打印完成！");
} else {
window.print();
}
}

var LODOP; //声明为全局变量
//创建需要打印的页面
function createPrintPage() {
LODOP = getLodop();
if (!LODOP) {
return false;
}
var strBodyStyle = "<style  type=\"text/css\">" + document.getElementById("printCss").innerHTML + "</style>";
var html = document.getElementById("m_table").innerHTML;
html = "<table class=\"m_table\">" + html + "</table>";
var strBodyHtml = strBodyStyle + "<body>" + html + "</body>";
//设置纸张大小,具体设置请参考文档：http://www.lodop.net/uploads/file/sample/PrintSample5.html
LODOP.SET_PRINT_PAGESIZE(0, 0, 0, "A4");
//LODOP.SET_SHOW_MODE("LANDSCAPE_DEFROTATED", 1);//如果是横向时则正向显示【旋转】
//注解：ADD_PRINT_HTM(Top,Left,Width,Height,strHtml)
LODOP.ADD_PRINT_HTM(20, 36, "100%", "100%", strBodyHtml);
LODOP.NEWPAGE();   //强制分页
strBodyHtml = strBodyStyle + "<div>" + document.getElementById("twoT").innerHTML + "</div>";
LODOP.ADD_PRINT_HTM(100, 50, "100%", "100%", strBodyHtml);
return true;
}
</script>

View Code
具体步骤就是这样，是不是很简单呢！

Demo下载：LodopDemo.7z

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航