首页 文章

Primefaces打印动态流内容

提问于
浏览
0

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

我已尝试过以下链接中的建议,但都失败了 .

1 2 3

应用程序打印动态图像至关重要,请帮忙 .

1 回答

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

相关问题