Criar effect de primeface em java

Front-end
#1

Pessoal tenho um dialog com os eventos

<p:dialog
showEffect="explode"
hideEffect="explode"/>

no momento em que abre meu dialog e que fecha ele o evento é acionado… até ai blz…

tenho também um arquivo .xhtml que é aberto como se fosse um dialog tbm
com esse código:

public void chooseCidade() {        
        this.prepararAlterarCidade(null);
        RequestContext.getCurrentInstance().openDialog("cidadeAlterar");
    }

aqui está o código cidadeAlterar.xhtml:

<h:body>        
        <p:effect type="explode" event="open">
            <h:form >
                <h:panelGrid columns="2"  >                    
                    <h:outputText value="* Cidade" 
                                  style="height:20px; font-size: 13px"/><br/>
                    <h:inputText value="#{cidadeController.cidade.den_cidade}" 
                                 onkeyup="this.value = this.value.toUpperCase();"/><br/>                

                    <h:outputText value="* Estado" 
                                  style="height:20px; font-size: 13px"/><br/>

                    <p:selectOneMenu id="estado" 
                                     value="#{cidadeController.cidade.estado}" 
                                     style="height:25px; font-size: 13px; width: 80px" 
                                     onkeyup="this.value = this.value.toUpperCase();">
                        <f:selectItem itemLabel="PR" itemValue="PR" />
                        <f:selectItem itemLabel="AL" itemValue="AL" />
                        <f:selectItem itemLabel="AP" itemValue="AP" />
                        <f:selectItem itemLabel="AM" itemValue="AM" />
                        <f:selectItem itemLabel="BA" itemValue="BA" />
                        <f:selectItem itemLabel="CE" itemValue="CE" />
                        <f:selectItem itemLabel="DF" itemValue="DF" />
                        <f:selectItem itemLabel="ES" itemValue="ES" />
                        <f:selectItem itemLabel="GO" itemValue="GO" />
                        <f:selectItem itemLabel="MA" itemValue="MA" />
                        <f:selectItem itemLabel="MT" itemValue="MT" />
                        <f:selectItem itemLabel="MS" itemValue="MS" />
                        <f:selectItem itemLabel="MG" itemValue="MG" />
                        <f:selectItem itemLabel="AC" itemValue="AC" />
                        <f:selectItem itemLabel="PB" itemValue="PB" />
                        <f:selectItem itemLabel="PA" itemValue="PA" />
                        <f:selectItem itemLabel="PE" itemValue="PE" />
                        <f:selectItem itemLabel="PI" itemValue="PI" />
                        <f:selectItem itemLabel="RJ" itemValue="RJ" />
                        <f:selectItem itemLabel="RN" itemValue="RN" />
                        <f:selectItem itemLabel="RS" itemValue="RS" />
                        <f:selectItem itemLabel="RO" itemValue="RO" />
                        <f:selectItem itemLabel="RR" itemValue="RR" />
                        <f:selectItem itemLabel="SC" itemValue="SC" />
                        <f:selectItem itemLabel="SE" itemValue="SE" />
                        <f:selectItem itemLabel="SP" itemValue="SP" />
                        <f:selectItem itemLabel="TO" itemValue="TO" />                                
                    </p:selectOneMenu> <br/>

                    <p:commandButton value="Alterar" 
                                     action="#{cidadeController.atualizarCidade()}" 
                                     style="height:30px; font-size: 13px; font-family: sans-serif"/><br/><br/>
                    <p:outputLabel value="* Campos obrigatórios"  style="color: red; font-size: 13px" /> 
                </h:panelGrid>
            </h:form>
        </p:effect>
    </h:body>

esse xhtml é aberto no momento que clico nesse commandLink:

<p:commandLink value="Alterar" 
                                           actionListener="#{cidadeController.chooseCidade()}">
                                <p:ajax event="dialogReturn"                                      
                                        update="cidade"/>
                            </p:commandLink>

o que eu preciso é fazer que esse dialog que é aberto através de um xhtml também recebe o effect no momento de abir e de fechar o dialog…

é possível isso?

#2

Provavelmente esse efeito seja “original” do jQuery.
Estude-o.

#3