1.界面配置lodop打印控件对象
2.配置要打印的报表
3.写JS初始化打印数据
fnInitPrint: function() { mini.parse(); var printForm = new mini.Form("#printForm"); var params = {'DWSXH':mini.get("DWSXH").getValue()}; CFW.oAJax.doService('dwglService.selectDw', params, '' , function(data) { var result = JSON.parse(data); var content = result.data; var con = JSON.parse(content); if (result.fhz == '1') { //设置值 document.getElementById("DWMC1").value="123"; //没有值 document.getElementById("DWMC1").setAttribute("value",con.DWMC); //第二次显示会有值 document.getElementById("XTJGDM1").setAttribute("value", con.XTJGDM); } else { mini.alert(result.msg); } }); 4.打印：调用preview方法预览，直接调用print方法，打印的文档中会有lodop水印
print: function() {
//初始化数据
var LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
if (LODOP == undefined) {
mini.alert('检测到您未安装浏览器打印插件，请先安装插件，然后打印', "", function() {
window.scrollTo(0,0);
});
return;
}
LODOP.PRINT_INIT("单位新增申报表打印");//
LODOP.ADD_PRINT_HTM(20, 30, "90%", "95%",$("#print_div").html());
LODOP.SET_PRINT_STYLEA(0, "FontName", "黑体");
LODOP.SET_PRINT_STYLEA(0, "FontSize", 10);
LODOP.PREVIEW();
}
5.打印中遇到问题：
打印之前是一个form表格，表格里面没有数据，打印之前需要根据ID从后台获取数据，然后将值显示在表格上。起初用miniui中的dwForm.setData(o)来设置表格中的值，但是打印的时候没有数据，就以为是miniui与该打印插件冲突，导致无法显示数据；于是改用最普通的document.getElementById("DWMC1").value="123"; //没有值;来设置表单值，结果还是没有数据显示。
原因：FireFox、Chrome、Opera下innerHTML无法获取到手动填写的文本框中的value值
解决方法：document.getElementById("DWMC1").setAttribute("value",con.DWMC); //第二次显示会有值
6.绑定函数
bindData:function(){
//搞定 type=text, 同时如果checkbox,radio,select>option的值有变化, 也绑定一下, 这里忽略button
$("input").each(function(){
$(this).attr('value',$(this).val());
});
//搞定 type=checkbox,type=radio 选中状态
$("input[type='checkbox'],input[type='radio']").each(function(){
if($(this).attr('checked'))
$(this).attr('checked',true);
else
$(this).removeAttr('checked');
});
//搞定select选中状态
$("select option").each(function(){
if($(this).attr('selected'))
$(this).attr('selected',true);
else
$(this).removeAttr('selected');
});
//搞定 textarea
$("textarea").each(function(){
$(this).html($(this).val());
});
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/217349.html原文链接：https://javaforall.net
