lodop转到其他html页面,Lodop实现打印功能

思路：

1、在 html 页面引入 LodopFuncs.js 文件，并用 object 标签和 embed 标签获取 lodop 对象

2、在 js 中获取 html 页面中的 object 和 embed 对象，并使用getLodop() 方法得到 lodop 对象

3、实现打印功能，以下三步是必需的

初始化一个打印页面 LODOP.PRINT_INIT

添加需要打印的内容 LODOP.ADD_PRINT_TABLE //此处我是添加的table，也可以是text等，自行查询lodop API

进行打印或打印设计/预览 LODOP.PRINT_DESIGN

具体代码如下：

html 页面

Lodop打印

js 页面

var LODOP;

$(document).ready(function(){

LODOP = initPrintData();

});

function initPrintData() { //得到 lodop 对象

var object = document.getElementById('LODOP_OB');

var embed = document.getElementById('LODOP_EM');

var LODOP = getLodop(object, embed);

return LODOP;

}

function print() { //点击打印按钮时,调用该方法

var startTime = $("#startTime").datebox('getValue');

var endTime = $("#endTime").datebox('getValue');

$.ajax({ // 此处我使用的ajax请求从后台获取打印的数据，也可以使用其他方式获取

url : 'printAccreditUserCountDataExcel.html',

type : 'POST',

data : {

//some param

},

success : function(data){

var textHtml = '

+ '

'

+ '

日期'

+ '

部门'

+ '

已授权人数'

+ '

未授权人数'

+ '

';

var json = eval("(" + data + ")");

for (var i = 0; i < json.length; i++) {

var department = json[i].department;

var date = json[i].dateTime;

var accredit = json[i].accredit;

var unAccredit = json[i].unAccredit;

textHtml += '

'

+ '

' + date + ''

+ '

' + department + ''

+ '

' + accredit + ''

+ '

' + unAccredit + ''

+ '

';

textHtml += "

";

doPrint(textHtml);

}

},

error : function() {

alert("error");

}

});

}

function doPrint(textHtml) {

LODOP.PRINT_INIT("授权情况打印");

LODOP.ADD_PRINT_TABLE(84, 10, 1000, "270mm", textHtml);

LODOP.PRINT_DESIGN();

}