Primefaces 打印动态流内容

【问题标题】：Primefaces Printing Dynamic Streamed ContentsPrimefaces 打印动态流内容
【发布时间】：2013-09-13 15:13:29
【问题描述】：

我有一个 JSF 应用程序，它显示动态生成的图像，在使用 primefaces 通过this answer 后完美开发。当我想使用 p:printer 打印包含图像的网页的一部分时，除了动态生成的图像之外，将打印所选段的所有内容。图像由一个非常小的图标表示。

我尝试了以下链接中的建议，但失败了。

1 2 3

应用程序打印动态图像是必不可少的，请帮助。

【问题讨论】：

标签： jsf jsf-2 primefaces

【解决方案1】：

我在打印期间使用 css 隐藏所有其他 div 并使用 window.print 命令。

打印按钮

<p:commandButton styleClass="noPrintBlock"  ajax="false" value="Print" onclick="window.print();" actionListener="#{patientReportController.markAsPrinted()}" />

我要打印的组件。

<p:panel styleClass="printBlock" id="divPrint" >
</p:panel>

我不想打印的组件示例

<h:panelGroup styleClass="noPrintBlock">
</h:panelGroup>

CSS

@media print{
    .noPrintBlock{
        display: none;
    }
    .printBlock{
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        margin: 0;
    }

}

【讨论】：