前期準備
安裝一個列印插件(K-Print)
http://kdniao.com/documents-instrument
<asp:HiddenField ID="HiddenField1" runat="server" />
<object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" height="0"
width="0">
<embed id="LODOP_EM" type="application/x-print-lodop" pluginspage="install_lodop32.exe"
height="0" width="0">
</object>
複制
引用列印的js
<script src="js/LodopFuncs.js"></script>
js内容:
var CreatedOKLodop7766 = null;
function getLodop(oOBJECT, oEMBED) {
/**************************
本函數根據浏覽器類型決定采用哪個頁面元素作為Lodop對象:
IE系列、IE核心系列的浏覽器采用oOBJECT,
其它浏覽器(Firefox系列、Chrome系列、Opera系列、Safari系列等)采用oEMBED,
如果頁面沒有相關對象元素,則建立一個或使用上次那個,避免重複生成。
64位浏覽器指向64位的安裝程式install_lodop64.exe。
**************************/
var strHtmInstall = "<br><font color='#FF00FF'>列印控件未安裝!點選這裡<a href='../yujian110/print/install_lodop32.zip' target='_self'>執行安裝</a>,安裝後請重新整理頁面或重新進入。</font>";
var strHtmUpdate = "<br><font color='#FF00FF'>列印控件需要更新!點選這裡<a href='../yujian110/print/install_lodop32.zip' target='_self'>執行更新</a>,更新後請重新進入。</font>";
var strHtm64_Install = "<br><font color='#FF00FF'>列印控件未安裝!點選這裡<a href='../yujian110/print/install_lodop64.zip' target='_self'>執行安裝</a>,安裝後請重新整理頁面或重新進入。</font>";
var strHtm64_Update = "<br><font color='#FF00FF'>列印控件需要更新!點選這裡<a href='../yujian110/print/install_lodop64.zip' target='_self'>執行更新</a>,更新後請重新進入。</font>";
var strHtmFireFox = "<br><br><font color='#FF00FF'>(注意:如曾安裝過Lodop舊版附件npActiveXPLugin,請在【工具】->【附加元件】->【擴充】中先卸它)</font>";
var strHtmChrome = "<br><br><font color='#FF00FF'>(如果此前正常,僅因浏覽器更新或重安裝而出問題,需重新執行以上安裝)</font>";
var LODOP;
try {
//=====判斷浏覽器類型:===============
var isIE = (navigator.userAgent.indexOf('MSIE') >= 0) || (navigator.userAgent.indexOf('Trident') >= 0);
var is64IE = isIE && (navigator.userAgent.indexOf('x64') >= 0);
//=====如果頁面有Lodop就直接使用,沒有則建立:==========
if (oOBJECT != undefined || oEMBED != undefined) {
if (isIE)
LODOP = oOBJECT;
else
LODOP = oEMBED;
} else {
if (CreatedOKLodop7766 == null) {
LODOP = document.createElement("object");
LODOP.setAttribute("width", 0);
LODOP.setAttribute("height", 0);
LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
if (isIE) LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
else LODOP.setAttribute("type", "application/x-print-lodop");
document.documentElement.appendChild(LODOP);
CreatedOKLodop7766 = LODOP;
} else
LODOP = CreatedOKLodop7766;
};
//=====判斷Lodop插件是否安裝過,沒有安裝或版本過低就提示下載下傳安裝:==========
if ((LODOP == null) || (typeof (LODOP.VERSION) == "undefined") || (LODOP.VERSION < "6.1.8.0")) {
if (is64IE) Version(64); else
if (isIE) Version(32); else
Version(32);
return LODOP;
};
//=====如下空白位置适合調用統一功能(如注冊碼、語言選擇等):====
LODOP.SET_LICENSES("", "", "", "");
//============================================================
return LODOP;
} catch (err) {
if (is64IE)
document.documentElement.innerHTML = "Error:" + strHtm64_Install + document.documentElement.innerHTML; else
document.documentElement.innerHTML = "Error:" + strHtmInstall + document.documentElement.innerHTML;
return LODOP;
};
}
//num可選32或64,update有true更新或false不更新 提示更新内容
function Version(num, update) {
$('#myModal').modal('show');
};
複制
寫一個列印的方法
<script>
var LODOP; //聲明為全局變量
function myPrintSetupyunda() {//列印維護
LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
var s = Array();
s = document.getElementById("<%=HiddenField1.ClientID %>").value.toString().split('~');
LODOP.PRINT_INITA(0, 0, 1500, 1100, "列印");
LODOP.SET_SHOW_MODE("BKIMG_TOP", -25);
LODOP.SET_PRINT_PAGESIZE(1, 2300, 1290, "CreateCustomPage");
// LODOP.SET_PRINTER_INDEX(getSelectedPrintIndex());
LODOP.ADD_PRINT_SETUP_BKIMG("<img border='0' src='imgs/yunda.jpg'>");
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW", true);
// LODOP.SET_PRINT_STYLE("FontName", "微軟雅黑");
LODOP.SET_PRINT_STYLE("FontSize", 11);
//LODOP.SET_PRINT_STYLE("Bold", 1);
LODOP.ADD_PRINT_TEXT(50, 59, 233, 23, s[0]);
LODOP.ADD_PRINT_TEXT(74, 129, 75, 23, s[10]);
LODOP.ADD_PRINT_TEXT(123, 114, 263, 70, s[7]);
LODOP.ADD_PRINT_TEXT(182, 609, 120, 21, s[4]);
LODOP.ADD_PRINT_TEXT(123, 403, 276, 68, s[3]);
LODOP.SET_PRINT_STYLEA(0, "LineSpacing", 10);
// LODOP.ADD_PRINT_TEXT(377, 462, 195, 50, s[5]);
// LODOP.SET_PRINT_STYLEA(0, "FontSize", 9);
LODOP.ADD_PRINT_TEXT(206, 154, 113, 23, s[9]);
LODOP.ADD_PRINT_TEXT(77, 657, 120, 38, s[2]);
LODOP.SET_PRINT_STYLEA(0, "LineSpacing", 1);
LODOP.ADD_PRINT_TEXT(77, 461, 110, 35, s[1]);
LODOP.ADD_PRINT_TEXT(77, 276, 100, 23, s[8]);
var mdate = new Date();
LODOP.ADD_PRINT_TEXT(362, 180, 45, 23, mdate.getFullYear());
LODOP.ADD_PRINT_TEXT(362, 230, 25, 23, mdate.getMonth() + 1);
LODOP.ADD_PRINT_TEXT(362, 260, 25, 23, mdate.getDate());
LODOP.ADD_PRINT_TEXT(362, 290, 25, 23, mdate.getHours());
// LODOP.PRINT_SETUP(); //維護模式
// LODOP.PRINT_DESIGN(); //設計模式
LODOP.PREVIEW(); //預覽模式
};
</script>
複制
執行這個方法就可以調取快遞鳥列印插件進行列印