JSF中嵌入JS调用Web页面打印

最新推荐文章于 2020-11-25 05:43:18 发布

原创最新推荐文章于 2020-11-25 05:43:18 发布 · 3.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#jsf #web #button #webbrowser #path #function

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文介绍如何使用JSF框架实现网页打印功能，包括按钮触发、打印预览、打印设置等操作，并通过自定义样式控制打印内容。

首先呢。是JSF代码，主要是一些按钮,按钮里面调用一些事件。

<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>  <h:panelGrid columns="5" align="center" styleClass="Noprint"> <h:commandButton styleClass="Noprint" type="button" id="Print" onclick="doPrint();" value="打印"></h:commandButton> <h:commandButton styleClass="Noprint" type="button" id="PrintSet" onclick="doPrintSet();" value="打印设置"></h:commandButton> <h:commandButton styleClass="Noprint" type="button" id="PrintPreview" onclick="doPrintVeiw();" value="打印预览"></h:commandButton> <h:commandButton styleClass="Noprint" type="button" onclick="CloseMe();" value="关闭"></h:commandButton> </h:panelGrid>

要真正实现调用还需要如下的HTML标签：（主要是浏览器的对象）

<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%> <f:verbatim> <object id="WebBrowser" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object> </f:verbatim>

还有就是打印的样式：

这里面可以控制打印那些标签及隐藏那一些标签。

<f:verbatim> <style media="print" type="text/css"> .Noprint{display:none;} .PageNext{page-break-after: always;} </style> </f:verbatim>

下面是JS代码：

打印：

<mce:script type="text/javascript"></mce:script>

至此基本上是可以实现页面打印，即直接调用浏览器的打印功能。（经测试在IE6.0通过）