Estou chamando um Dialog
por através de um botão em JSF com PrimeFaces 5.1
habilitando o Dialog
através do onstart="PF('iconeDeProcessamento').show()"
do botão.
Alguém sabe dizer se é possível passar um parâmetro para o diálogo ?
O que realmente pretendo fazer:
O diálogo iconeDeProcessamento
é padrão para três botões que chamam processamentod
diferentes.
No diálogo tenho o parâmentro header="#{TA_MB.tituloProcessamento}"
com a EL em questão.
Gostaria de mudar o valor da EL TA_MB.tituloProcessamento
para ser apresentado no diálogo.
Ex:
Botão 1 chama o diálogo e mostra como título "Aguarde... Buscando Dados"
Botão 2 chama o diálogo e mostra como título "Aguarde... Calculando"
Botão 3 chama o diálogo e mostra como título "Aguarde... Gravando"
Codigo do Botão que chama o diálogo
<p:commandButton id="consulta" disabled="#{TA_MB.ctrlEntrada}"
value="Busca movimento"
actionListener="#{TA_MB.buscarLinhas}" icon="ui-icon-bookmark"
styleClass="botao-parametro"
update="anoMes consulta novarequisicao linhasTA calculoTA gravaTA"
onstart="PF('iconeDeProcessamento').show()"
onsuccess="PF('iconeDeProcessamento').hide()" >
</p:commandButton>
Dialogo
<p:dialog widgetVar="iconeDeProcessamento" modal="true" draggable="false"
closable="false" resizable="false" showHeader="true" appendTo="@(body)"
header="#{TA_MB.tituloProcessamento}" style="width:20%;height:20%" >
<p:graphicImage id="progressoGif" value="../resources/img/loader_blue.gif"
style="width:40%;height:40%; display: block; margin-left: auto; margin-right: auto"/>
</p:dialog>
xHtml com as TAGs em questão
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui" >
<h:outputStylesheet name="/resources/css/estilo.css" library="css" />
<ui:composition template="/WEB-INF/templates/t_estrutural.xhtml">
<ui:param name="render_east" value="true" />
<ui:param name="render_west" value="false" />
<ui:param name="headerTitulo" value="Parametros" />
<ui:define name="titulo">Calcula TA</ui:define>
<ui:define name="mensagem">
<h:panelGrid columns="1">
<p:button id="btHome" outcome="principal" value="Home" icon="ui-icon-home" styleClass="botao-parametro" />
<h:outputLabel value="Ano/Mes:" for="anoMes"/>
<p:inputMask disabled="#{TA_MB.ctrlEntrada}" id="anoMes" value="#{TA_MB.anoMes}" validatorMessage="Periodo invalido" mask="9999/99" >
<f:validateRegex pattern="20[0-9]{2}/[0-9]{2}" />
</p:inputMask>
<p:commandButton id="consulta" disabled="#{TA_MB.ctrlEntrada}" value="Busca movimento"
actionListener="#{TA_MB.buscarLinhas}" icon="ui-icon-bookmark"
styleClass="botao-parametro"
update="anoMes consulta novarequisicao linhasTA calculoTA gravaTA iconeDeProcessamento"
onstart="PF('iconeDeProcessamento').show()"
onsuccess="PF('iconeDeProcessamento').hide()" >
<f:setPropertyActionListener target="#{TA_MB.tituloProcessamento}" value="Aguarde... Buscando dados"/>
</p:commandButton>
<p:commandButton id="calculoTA" disabled="#{TA_MB.ctrlProcessamento}" value="Calcular TA"
actionListener="#{TA_MB.calcularTA}" icon="ui-icon-bookmark"
styleClass="botao-parametro"
update="linhasTA"
onstart="PF('iconeDeProcessamento').show()"
onsuccess="PF('iconeDeProcessamento').hide()" >
<f:setPropertyActionListener target="#{TA_MB.tituloProcessamento}" value="Aguarde... Calculando"/>
</p:commandButton>
<p:commandButton id="gravaTA" disabled="#{TA_MB.ctrlProcessamento}" value="Grava TA"
actionListener="#{TA_MB.gravarTA}" icon="ui-icon-disk"
styleClass="botao-parametro"
update="linhasTA"
onstart="PF('iconeDeProcessamento').show()"
onsuccess="PF('iconeDeProcessamento').hide()">
<f:setPropertyActionListener target="#{TA_MB.tituloProcessamento}" value="Aguarde... Gravando"/>
<p:confirm header="Confirma ?" message="Confirma gravação dos Dados?" icon="ui-icon-alert" />
</p:commandButton>
<p:button id="novarequisicao" disabled="#{TA_MB.ctrlProcessamento}" value="Nova Consulta" styleClass="botao-parametro" icon="ui-icon-refresh" outcome="taCalculo"/>
</h:panelGrid>
</ui:define>
<ui:define name="corpo">
<p:growl id="messages" showDetail="true" showSummary="false" autoUpdate="true" closable="true" />
<!-- *********************************** Dialogo do progresso ************************************************* -->
<p:dialog id='iconeDeProcessamento' widgetVar="iconeDeProcessamento" modal="true" draggable="false" closable="false" resizable="false" showHeader="true" appendTo="@(form)"
style="width:20%;height:20%" >
<f:facet name="header">
<h:outputText id="dialogHeader" value="#{TA_MB.tituloProcessamento}" />
</f:facet>
<p:graphicImage id="progressoGif" value="../resources/img/loader_blue.gif" style="width:40%;height:40%; display: block; margin-left: auto; margin-right: auto"/>
</p:dialog>
</ui:define>
</ui:composition>
</html>
Complemento. Tentativa utilizando ajax - Também não funcionou. xHTML
<p:commandButton id="consulta" disabled="#{TA_MB.ctrlEntrada}" value="Busca movimento"
actionListener="#{TA_MB.buscarLinhas()}" icon="ui-icon-bookmark"
styleClass="botao-parametro"
update="anoMes consulta novarequisicao linhasTA calculoTA gravaTA iconeDeProcessamento"
onsuccess="PF('iconeDeProcessamento').hide()" >
<p:ajax update="iconeDeProcessamento" onstart="#{TA_MB.mudaTitulo()}" oncomplete="PF('iconeDeProcessamento').show()">
<f:param name="titulo" value="Aguarde... Buscando Dados"/>
</p:ajax>
</p:commandButton>
Managed Bean
public void mudaTitulo(){
Map<String,String> params = FacesContext.getCurrentInstance().getExternalContext().getRequestParameterMap();
String titulo = params.get("titulo");
this.setTituloProcessamento(titulo);
System.out.printf("------ verifica mudaTitulo() [ %s ] ",getTituloProcessamento());
}
ui:insert
com o valor a ser definido em cada tela e usar umui:define
para definir esse valor, tendo um default para caso não haja definição.dialog
na página. Só pra ter uma visão de onde estão o dialog e o botão.onstart
do botão?dialog
direto no cliente, sem fazer uma requisição ao servidor/Bean, a minha sugestão é mudar o título por JavaScript, pegando oh:outputText
por id e alterando seu valor. Não é a melhor solução. O mais correto seria invocar odialog
sem JavaScript, apenas com oaction
do botão, mas é um gasto atoa de recursos.