jsf - Primefaces 打印动态流内容

Question

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

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

1 2 3

该应用程序必须打印动态图像，请帮助。

Answer 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;
    }

}