在 JSF2.0 中打印

【问题标题】：Printing in JSF2.0在 JSF2.0 中打印
【发布时间】：2012-08-06 09:51:06
【问题描述】：

我正在使用 JSF 2.0 和 Jquery，当用户单击“打印”按钮时，我想打印一个面板组而不是整个页面，但页面不应刷新，原因是加载页面后我使会话无效。在页面中，我显示了参考号码并与我们联系。任何人都可以在这种情况下帮助我。

问候

【问题讨论】：

尝试使用打印机 Primefaces 组件：primefaces.org/showcase/ui/printer.jsf
您好，感谢您的快速回复，我们没有在 JSF 或 jquery 中使用 primefaces.only
使用相同的模板并使用 render 属性仅显示您对打印感兴趣的元素。 jQuery似乎有很多用于打印的插件。

【解决方案1】：

只需提供带有 media="print" 的 CSS 文件。

<h:outputStylesheet name="print.css" media="print" />

（这将有效地在 HTML <head> 中生成以下内容）

<link rel="stylesheet" type="text/css" href="/contextname/resources/print.css" media="print" />

在print.css 文件本身中，只需通过将display 属性设置为none 来隐藏您想从打印中隐藏的所有元素。例如

#header, #menu, #footer, #title {
    display: none;
}

在以下 JSF 标记示例的情况下，将仅打印所需的面板组。

<div id="header">...</div>
<div id="menu">...</div>
<div id="content">
    <h2 id="title">...</h2>
    <h:panelGroup>...</h:panelGroup>     <!-- Only this one will be printed. -->
</div>
<div id="footer">...</div>

另见：

CSS media types

【讨论】：