自定义 pe:documentViewer 按钮行为答案

【问题标题】：Customize pe:documentViewer Button Behavior自定义 pe:documentViewer 按钮行为
【发布时间】：2019-07-24 21:54:07
【问题描述】：

我的问题是 PrimeFaces Extensions 中的组件 pe:documentViewer 以及您可以在照片中看到的打印元素，我想要的是将打印功能与我的代码绑定，如果有则不使用默认的一种自定义的方法谢谢告诉我如果没有办法不显示打印图标谢谢。

【问题讨论】：

标签： primefaces jsf-2 primefaces-extensions

【解决方案1】：

可能有一些巧妙的 jquery 方法可以覆盖打印按钮，但这可能非常困难。但是，如果需要，您可以隐藏打印按钮，这是我为此编写的一些代码。

在页面的某处加载此 JavaScript 方法。

/**
 * Hides a button on the PDF Viewer toolbar
 */
pdfHideButton : function(button) {
    $('iframe').on('load',
            function() {
                var head = $(this).contents().find('head');
                var css = '<style type="text/css">#' + button   + '{display:none};</style>';
                $(head).append(css);
            });
}

将此添加到您的 XHTML 页面，该页面将使用 Document Ready 功能执行此 JavaScript，它将删除该按钮。

<script>
$(document).ready(function() {
           pdfHideButton('print');
});
</script>

【讨论】：

感谢 Meoware，如果您知道如何使用 jquery 覆盖打印按钮，能否给我一个标志，再次感谢您
如果您查看 DocumentViewer 生成的 HTML，您可以“找到”打印按钮。一旦您知道打印按钮是什么按钮，您就可以为它订阅一个 Jquery OnClick 事件并关闭其当前事件。