Lodop打印控件
- 格式:doc
- 大小:45.50 KB
- 文档页数:5
Lod op打印控件在平台中的应用
一.什么是lodop
lodop取意自“load or print”,是一款优秀的Web打印控件。
在B/S系统中,传统打印控件总是“页面看到什么才能打印什么”,缺乏灵活性,使打印略显
呆板。而使用lodop则可以做到“只看想看的、打印想打的”,不仅开发人员可以自由设置打
印输出内容,用户还可对打印内容进行一系列调整。
lodop控件目前有简体中文、繁体中文、大五码(big5)和英文几个版本。
适用于IE系列浏览器、Firefox系列浏览器和IE内核浏览器(遨游、360、世界之窗、腾讯TT、
搜狗等)等各类浏览器。
使用lodop作为WEB打印控件的优势:
1)、使用简单,易上手,在js中通过函数的调用就可以实现一项复杂打印任务的开发,极
大地减少了打印功能开发量。
2)、网页中的任何内容都是打印输出时的裁减素材,使用JS语句将当前网页中某区域超文
本显示在既定打印布局中输出,其在打印布局中的位置既可程序控制,也可由使用者在操作时
调整。
3)、各类调整和打印设置等控制内容全部本地自动保存,彻底解决了一个大型软件工程项
目中打印机类型繁杂时的精确套打问题。
4)、使用插件技术来实现WEB打印,插件安装方式不仅简单,而且成功率高。
二.lodop开发包介绍
Lodop开发包中主要有三个文件:
install_lodop.exe 是控件安装和升级文件,提供给用户或开发者下载安装。
CheckActivX.js 该文件是用来引导安装控件的一个JS文件,
其中CheckLodop方法的任务是检查控件是否安装、是否最新版本、并引导安装或
升级。
npActiveXFirefox4x.xpi 该文件是Firefox浏览器需要的安装附加文件,由于平台只支持IE内核浏览器,故本文件不需要。
三.在平台中如何使用
在源码WebRoot下建立文件夹Lodop,文件夹中放入install_lodop.exe和CheckActivX.js 两
个文件。
其中,CheckActivX.js文件中的内容改为:
function CheckLodop(){
var oldVersion=LODOP.Version;
newVerion="5.0.2.3";
if (oldVersion==null)
document.write("
href='../Lodop/install_lodop.exe'>执行安装
,安装后请刷新页面。if (oldVersion document.write(" href='../Lodop/install_lodop.exe'>执行升级打印控件需要升级!点击这里
");
}
1.使用
在表单源码中的
中嵌入lodop插件。2.引入CheckActivX.js文件
将CheckActivX.js作为一个资源文件来部署,可以利用浏览器的缓存减少页面内容的重复
下载,提高执行效率。
在表单源码中的和
间引入CheckActivX.js文件:3.创建lodop对象并调用验证方法:
在“JavaScript”页签中的初始化方法中创建lodop对象并调用验证方法:
function CustomizeiniObj()
{
//这里写入自定义代码的相关对象的初始化过程
var LODOP=document.getElementById("LODOP");
CheckLodop();
}
在初始化方法中生成lodop对象,这样就可以随时调用打印的相关方法了。
至此,lodop使用环境搭建完成,现在可以通过调用相关函数实现各种打印功能的开发了
。
如:表单页面有以下内容:
ID:
USERNAME:
PASSWORD:
SEX:
AGE:
EMAIL:
在JavaScript中完成打印相关功能的开发:
生成需要打印输出的内容:
function createPrintPage(){
LODOP.PRINT_INIT("进行lodop打印测试...");
LODOP.ADD_PRINT_TEXT(30,60,170,20,document.getElementById
("text_0").value);
LODOP.ADD_PRINT_TEXT(60,60,170,20,document.getElementById
("text_1").value);
LODOP.ADD_PRINT_TEXT(90,60,170,20,document.getElementById
("text_2").value);
LODOP.ADD_PRINT_TEXT(120,60,170,20,document.getElementById
("text_3").value);
LODOP.ADD_PRINT_TEXT(150,60,170,20,document.getElementById
("text_4").value);
LODOP.ADD_PRINT_TEXT(180,60,170,20,document.getElementById