前期准备
安装一个打印插件(K-Print)
http://kdniao.com/documents-instrument
代码语言:javascript复制<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内容:
代码语言:javascript复制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');
};
写一个打印的方法
代码语言:javascript复制<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>
执行这个方法就可以调取快递鸟打印插件进行打印