我想禁用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>
答案 0 :(得分:0)
#download {
display:none !important;
}
在PrimeFaces 6.0中为我工作(注意#而不是。)(没有!重要的是它适用于btw)
答案 1 :(得分:0)
无法通过添加和强制使用css或javascript来修改DocumentViewer。 DocumentViewer在JFrame内部运行,不允许插入css和javascript。 最佳解决方案和对我有用的解决方案如下:
答案 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
将此方法添加到您的应用程序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);
});}
在带有PDF Viewer的页面上,您可以执行此操作以隐藏OpenFile和BookMark按钮...
<script type="text/javascript"> $(document).ready(function() { pdfHideButton('download'); pdfHideButton('viewBookmark'); }); </script>