Tengo un botón cuya función es descargar un archivo, sin embargo este proceso a veces es muy largo y lo ideal es mostrar un mensaje de "cargando" mientras se genera el archivo, pero al usar ajax = "false
no puedo usar las funciones onStarPrimeFaces.monitorDownload
pero no me funciona:
xhtml:
<p:commandLink id="btnExportar" class="boton"
value="Exportar a Excel"
action="#{consultaCtrl.exportar}"
onclick="PrimeFaces.monitorDownload(showStatus(), hideStatus())"
ajax="false"/>
<p:tooltip id="toolTipExportar" for="btnExportar" value="Exporta filas visibles a Excel" position="left"/>
<p:dialog widgetVar="cargando" modal="true" draggable="false" closable="false" resizable="false" showHeader="false" styleClass="small centered-all">
<i class="fa fa-spinner fa-spin" style="font-size:24px"></i>
</p:dialog>
<script>
function showStatus() {
PF('statusDialog').show();
}
function hideStatus() {
PF('statusDialog').hide();
}
</script>
Controlador:
public void exportar() {
FacesContext fc = FacesContext.getCurrentInstance();
ExternalContext ec = fc.getExternalContext();
String name = periodo.getLabel() + ".xls";
ec.responseReset();
ec.setResponseHeader("Content-Type", "application/vnd.ms-excel");
ec.setResponseHeader("Content-Disposition", "attachment; filename=\"" + name + "\"");
try (OutputStream output = ec.getResponseOutputStream()) {
exportarExcelService.exportar((List<Guia>) guias.getAllPagesGuias(), periodo.getLinea(), output);
try (CountingOutputStream co = new CountingOutputStream(output)) {
System.out.println("termine");
ec.setResponseContentLength((int) co.getByteCount());
co.close();
} catch (IOException ex) {
System.out.println("Error al obtener el tamaño del stream " + ex.getMessage());
}
} catch (IOException e) {
System.out.println("Error al intentar crear el excel " + e.getMessage());
}
fc.responseComplete();
}