extjs利用第三方打印插件lodop实现打印功能

最新推荐文章于 2023-06-09 10:39:31 发布

yijianzhi77

最新推荐文章于 2023-06-09 10:39:31 发布

阅读量1.2k

点赞数

分类专栏： extJS

本文链接：https://blog.csdn.net/yijianzhi77/article/details/104812488

版权

extJS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

extjs由于是基于JS语言，其打印是可以按照一般的WEB打印方式来进行。笔者在网络上发现第三方打印插件Lodop(详见地址：http://mtsoftware.v053.gokao.net/index.html），因为这个插件可以实现多种浏览器（如：IE FF 谷歌），笔者讲究了一下，简单介绍如下：

1：引入Lodop

在页面的head位置引入

在JS中调用控件前用如下方式获得对象：
var LODOP=getLodop(document.getElementByIdx_x_x('LODOP_OB'),document.getElementByIdx_x_x('LODOP_EM'));

(代码见后面）

2：简单的使用实例

Ext.onReady(function(){

    var
win;

var LODOP;


if(!win){


win = new Ext.Window({


title:‘LODOP打印控件测试’,

width:600,


height:450,


closeAction:‘close’,


plain: true,

    autoLoad:{url:‘a.asp’,scripts:true},

                buttons: [{
                    text:"测试",
     handler: CheckIsInstall
                },
    {

text:‘打印预览’,


handler: prn1_preview

    },{

text: ‘Close’,


handler: function(){


win.close();


}


}]


});


}


win.show(this);



  function prn1_preview()
{

    CreateOneFormPage();

LODOP.PREVIEW();

  };

  function
CreateOneFormPage()

  {

   LODOP=getLodop(document.getElementByIdx_x(‘LODOP_OB’),document.getElementByIdx_x(‘LODOP_EM’));

LODOP.PRINT_INIT(“打印控件功能演示_Lodop功能_表单一”);

LODOP.SET_PRINT_STYLE(“FontSize”,18);

LODOP.SET_PRINT_STYLE(“Bold”,1);

LODOP.ADD_PRINT_HTM(18,20,350,600,document.getElementByIdx_x(“form2”).innerHTML);

  };





  function CheckIsInstall()

  {

  try{


var
LODOP=getLodop(document.getElementByIdx_x(‘LODOP_OB’),document.getElementByIdx_x(‘LODOP_EM’));

if
((LODOP!=null)&&(typeof(LODOP.VERSION)!=“undefined”))

    Ext.MessageBox.alert(“提示”,“本机已成功安装过Lodop控件!\n
版本号:”+LODOP.VERSION);


}catch(err)

    {

    //alert(“Error:本机未安装或需要升级!”);

}

}

}

)

</script>

--------------------

LodopFuncs.js 代码

function getLodop(oOBJECT, oEMBED) {

///
var strHtmInstall = "
打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。";

var strHtmUpdate = "

打印控件需要升级!点击这里执行升级,升级后请重新进入。";

var strHtm64_Install = "

打印控件未安装!点击这里执行安装,安装后请刷新页面或重新进入。";

var strHtm64_Update = "

打印控件需要升级!点击这里执行升级,升级后请重新进入。";

var strHtmFireFox = "

注意：

1：如曾安装过Lodop旧版附件npActiveXPLugin,请在【工具】->【附加组件】->【扩展】中先卸它。";

//*******************************************

  return LODOP;

} catch(err) {

  if
(navigator.userAgent.indexOf(‘Win64’) >= 0)

   document.documentElement.innerHTML
= “Error:” + strHtm64_Install +
document.documentElement.innerHTML;

  else
document.documentElement.innerHTML = “Error:” + strHtmInstall +
document.documentElement.innerHTML;

  return LODOP;

}

}