思路：

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();

}