在primefaces documentViewer

时间:2017-01-18 02:25:44

标签: primefaces pdf.js primefaces-extensions

我想禁用documentViewer工具栏中的下载和打印按钮 我尝试在JavaScript和CSS中进行操作,如下所示,但是都没有用。

有什么建议吗?

我尝试这样做(JavaScript):

$(function() {
    $('#download').hide();
});

在这样的CSS中:

.download {
    display:none !important;    
}

.print {
    display:none !important;
}

我的XHTML实现

<h:form id="ReportViewerForm">  
        <f:event listener="#{ReportController.printReportSchedule}" type="preRenderView" />
             <p:panel id="ReportViewerPanel" header="" style="margin-bottom:10px;">
                    <pe:documentViewer height="500" value="#{ReportController.content}"/> 
            </p:panel>   
</h:form>

5 个答案:

答案 0 :(得分:0)

#download {
    display:none !important;    
}

在PrimeFaces 6.0中为我工作(注意#而不是。)(没有!重要的是它适用于btw)

答案 1 :(得分:0)

无法通过添加和强制使用css或javascript来修改DocumentViewer。 DocumentViewer在JFrame内部运行,不允许插入css和javascript。 最佳解决方案和对我有用的解决方案如下:

  1. 提取primefaces的jar文件&#34; primefaces-extensions-6.0.0.jar&#34;带拉链
  2. enter image description here

    1. 编辑文件\ META-INF \ resources \ primefaces-extensions \ documentviewer \ viewer.html并添加style =&#34; display:none;&#34;

          打印

          下载

    2. 使用扩展名jar&#34; primefaces-extensions-6.0.0.jar&#34;

    3. 保存并重新压缩它
    4. 替换jar文件并部署
    5. enter image description here

答案 2 :(得分:0)

您可以使用带有autoRun =“true”的remoteCommand强制进行CSS配置。从oncomplete调用javascript。这很有效。

答案 3 :(得分:0)

pdfview在iFrame中。因此,您必须直接对其进行css更改。

<pe:documentViewer url="#{pdfcontroller.pdfPath}" id="pdfVw" />

然后我使用javasript在就绪状态下运行

<script>
$(document).ready(function() {
    $('#pdfVw').contents().find('#download').css('display', 'none');
    $('#pdfVw').contents().find('#print').css('display', 'none');
});
</script>

答案 4 :(得分:0)

我在primefaces论坛上找到了基于Javascript的答案,它对我有用 这是链接https://forum.primefaces.org/viewtopic.php?t=55587

  1. 将此方法添加到您的应用程序javascript文件中。

    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);
            });}
    
  2. 在带有PDF Viewer的页面上,您可以执行此操作以隐藏OpenFile和BookMark按钮...

<script type="text/javascript">
      $(document).ready(function() {
              pdfHideButton('download');
                pdfHideButton('viewBookmark');
          });
      </script>