PrimeFaces p:printer组件是否支持多目标打印？

针对你尝试在一个<p:commandButton>里添加多个<p:printer>标签的做法，根据PrimeFaces 6.2的实际使用经验，我可以明确告诉你这种方式是不可行的。因为每个<p:printer>组件会独立绑定按钮的点击事件，最终只会触发最后一个<p:printer>的打印操作，前一个的配置会被完全覆盖掉。

不过别担心，有两种可靠的方案可以实现多区域打印的需求：

方案1：用父容器包裹目标区域（最简单） #

如果你的页面结构允许，把需要打印的area1和area2放到同一个父容器里，然后让Printer组件直接指向这个父容器就行。示例代码如下：

<!-- 用一个panelGroup包裹两个打印区域 -->
<h:panelGroup id="printContainer" layout="block">
    <div id="area1">
        <!-- 这里是第一个打印区域的内容 -->
        <h3>区域1标题</h3>
        <p>区域1的具体内容...</p>
    </div>
    <div id="area2">
        <!-- 这里是第二个打印区域的内容 -->
        <h3>区域2标题</h3>
        <p>区域2的具体内容...</p>
    </div>
</h:panelGroup>

<!-- 打印按钮，指向父容器 -->
<p:commandButton value="Print in a PRINTER FRIENDLY format">
    <p:printer target="printContainer" />
</p:commandButton>

这种方法的优势是零额外代码，完全利用PrimeFaces原生组件能力，打印格式也能和原页面保持一致。

方案2：自定义JavaScript实现灵活多区域打印 #

如果不能调整页面结构，或者需要更精细的打印控制（比如调整两个区域的打印顺序、添加额外内容），可以用自定义JS来实现。思路是创建一个临时窗口，把多个区域的内容复制进去再触发打印：

<!-- 原页面中的两个打印区域 -->
<div id="area1">
    <!-- 区域1内容 -->
</div>
<div id="area2">
    <!-- 区域2内容 -->
</div>

<!-- 自定义打印按钮 -->
<p:commandButton value="Print Multiple Areas" onclick="printMultipleAreas(); return false;" />

<script>
function printMultipleAreas() {
    // 打开一个临时打印窗口
    const printWindow = window.open('', '_blank', 'width=800,height=600');
    printWindow.document.write('<html><head>');
    
    // 复制当前页面的样式表，保证打印格式和原页面一致
    document.querySelectorAll('link[rel="stylesheet"]').forEach(link => {
        printWindow.document.write(`<link rel="stylesheet" href="${link.href}" />`);
    });
    
    printWindow.document.write('</head><body>');
    // 把两个区域的内容插入到临时窗口
    printWindow.document.write(document.getElementById('area1').innerHTML);
    printWindow.document.write('<hr>'); // 可以添加分隔线之类的自定义内容
    printWindow.document.write(document.getElementById('area2').innerHTML);
    
    printWindow.document.write('</body></html>');
    printWindow.document.close();
    
    // 触发打印（延迟执行确保内容加载完成）
    setTimeout(() => {
        printWindow.print();
        printWindow.close(); // 打印完成后关闭窗口，可选
    }, 500);
}
</script>

这种方式的灵活性很高，你可以自由调整打印内容的组合和排版，不过需要自己处理样式复制的问题，确保打印出来的效果符合预期。

另外补充一下：PrimeFaces后续版本（比如7.0及以上）也没有原生支持多目标打印的功能，所以这两种方案在更高版本中同样适用。

内容的提问来源于stack exchange，提问作者user1807807