自定义pe:documentViewer按钮行为

时间:2019-03-03 12:27:19

标签: primefaces jsf-2 primefaces-extensions

我的问题是PrimeFaces Extensions中的组件pe:documentViewer以及您在照片中可以看到的print元素,而我想要的是将print函数与我的代码绑定,如果不使用默认代码,有一种自定义的方法,如果没有任何想法不显示打印图标,请多对我说 谢谢。 Screenshot

1 个答案:

答案 0 :(得分:0)

使用一些聪明的jquery可能有一种方法来覆盖打印按钮,但这可能很困难。但是,如果您想在此处写一些我编写的代码,则可以隐藏打印按钮。

  1. 将此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);
            });
}
  1. 将其添加到XHTML页面中,该页面将使用Document Ready函数执行此JavaScript,它将删除按钮。
<script>
$(document).ready(function() {
           pdfHideButton('print');
});
</script>