ScriptX打印控件的使用

最新推荐文章于 2024-07-23 12:30:06 发布

lanqibaoer

最新推荐文章于 2024-07-23 12:30:06 发布

阅读量3.2k

点赞数

分类专栏： JS前端开发文章标签：控件

JS前端开发专栏收录该内容

53 篇文章 0 订阅

订阅专栏

对于B/S架构的项目中，Web打印最是让程序员头痛的技术，在这次项目中运用了第三方控件ScriptX解决了此技术包括各种汇总表，详细清单等等，但最大弊端就是打印的格式是死的，你要打印出怎样的格式必须自己来做，还有就是打印分页，它是按你设置的纸张大小来分的，所以必须人为控制，ScriptX控件所需文件ScriptX.cab。（ScriptX下载地址http://www.meadroid.com/scriptx/freedep.asp ）
打印功能使用：
⑴ 用户在客户端单击“打印”按钮，第一次使用打印会弹出如下对话框
⑵ 单击“是”按钮，此时会把控件ScriptX下载到本机
⑶ 在打印窗口中有大标题、打印条件、打印列表，单击“打印”按钮进入打印浏览界面。
⑷ 单击“Print”按钮，听打印机声音响起。

例子：一个简单的ScriptX控件使用实例

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT>
                
    var    hkey_root,hkey_path,hkey_key   
        hkey_root="HKEY_CURRENT_USER"   
        hkey_path="\\Software\\Microsoft\\Internet   Explorer\\PageSetup\\"   
  //设置网页打印的页眉页脚为空   
  function   pagesetup_null()   
  {   
      try{   
          var   RegWsh   =   new   ActiveXObject("WScript.Shell")   
          hkey_key="header"           
          RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")   
          hkey_key="footer"   
          RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")   
      }catch(e){}   
  }   

//用于设置打印参数
function printBase() {
factory.printing.header  = ""   //页眉
factory.printing.footer = ""   //页脚
factory.printing.portrait = true   //true为纵向打印，false为横向打印
factory.printing.leftMargin   =   0.5  
factory.printing.topMargin   =   1.5   
factory.printing.rightMargin   =   0.5  
factory.printing.bottomMargin   =   1.5   
}

//用于调用设置打印参数的方法和显示预览界面
function printReport(){
        printBase();
        pagesetup_null();
        document.all("button").style.display = "none";//隐藏按钮
        factory.printing.Preview();
}

//使界面最大化
maxWin();
function maxWin()
{
      var aw = screen.availWidth;
      var ah = screen.availHeight;
      window.moveTo(0, 0);
      window.resizeTo(aw, ah);
}

function printTure()
{
     printBase();
     document.all("button").style.display = "none";//隐藏按钮
      //factory.printing.Preview();
     factory.printing.Print(false);
     document.all("button").style.display = "block";//显示按钮
}

</SCRIPT>
</HEAD>
<BODY>
    <OBJECT id="factory" codeBase="ScriptX.cab#Version=6,3,434,26"
            height="0" width="0" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext>
        </OBJECT>

    <div id="button" style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 98%; PADDING-TOP: 0px">
                            <table height="15" cellSpacing="1" cellPadding="4" width="100%" bgColor="#ddf3ff" border="0">
                                <tr>
                                    <td align="center" bgColor="#ddf3ff">
                                        <input class="bginput" οnclick="printTure()" type="button" value="打印">
                                         <input   id="idPrint2"   type="button"   value="页面设置" οnclick="factory.printing.PageSetup()">   
                                         <input   id="idPrint3"   type="button"   value="打印预览"   
                                         οnclick="factory.printing.Preview()">   
                                    </td>
                                </tr>
                            </table>
                        </div>
</BODY>
</HTML>

转自： http://www.360doc.com/content/11/0303/19/10603_97845002.shtml