primefaces中<p:fileDownload>控件的使用

最新推荐文章于 2024-05-09 15:08:13 发布

原创最新推荐文章于 2024-05-09 15:08:13 发布 · 1.3k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#控件 #web开发 #download #primefaces

Primefaces相关专栏收录该内容

4 篇文章

订阅专栏

本文介绍了如何在Web开发中利用PrimeFaces的<p:fileDownload>控件实现报表的下载功能。通过在xhtml页面设置命令按钮和文件下载组件，并在后台 ManagedBean 中提供 StreamedContent 对象，当用户点击按钮时，会触发PDF报表的下载。在Firefox和Chromium浏览器中，该控件表现不同，Firefox允许打开浏览，而Chromium直接下载保存。

1.<p:fileDownload>控件使用背景:

在Web开发中, 为了实现报表的下载和浏览打印,选择使用PrimeFaces中的<p:fileDownload>控件来实现.

2.完成功能:

在WEB页面点击按钮时,弹出"打开/保存"的对话框,实现报表文件(pdf格式)的下载和浏览

3.具体使用:

(1)xhtml部分:

<h:form>

              <p:commandButton value="Download" ajax="false" onclick="PrimeFaces.monitorDownload(start, stop);" icon="ui-icon-arrowthichk-s">
                    <p:fileDownload value="#{user.downloadReportfile}" />
                </p:commandButton>

         <script type="text/javascript">
                    function start() {
                        PF('statusDialog').show();
                    }

                    function stop() {
                        PF('statusDialog').hide();
                    }
            </script>
</h:form>

(2)后台ManagedBean:

名称:User

public class User {

private StreamedContent downloadReportfile;

          public StreamedContent getDownloadReportfile() {
          InputStream stream = ((ServletContext) FacesContext.getCurrentInstance().getExternalContext().getContext()).getResourceAsStream("/resources /test.pdf");
       downloadReportfile = new DefaultStreamedContent(stream, "application/pdf", "downloadTest.pdf");
       return downloadReportfile;
   }

         public void setDownloadReportfile(StreamedContent downloadReportfile) {
         this.downloadReportfile = downloadReportfile;
    }

}

(3)运行效果图:

(a)Firefox浏览器下,可以打开浏览,也可以保存下载: