ModalPanel

10 de novembro de 2008 3 respostas

RafaelViana 10 de novembro de 2008

Tenho um bloco de pesquisa em uma pagina e quero exibir o resultado em um modalPanel, só que o desc só muda quando eu atualizo a página, então pensei em usar um reRender, só que não em qual componente eu uso o reRender?

<!--Bloco Pesquisa-->
                <rich:panel id="pesquisa">
                    <f:facet name="header">
                        Pesquisar
                    </f:facet>
                    
                    <h:panelGrid columns="3">
                        <h:outputText value="Nome: " styleClass="fonte"/>
                        <h:inputText id="pesquisar" value="#{cargoBean.desc}"/>
                        <a4j:commandLink id="link" styleClass="fonte" reRender="?">
                            <h:graphicImage url="imagens/search.png"/>
                            Pesquisar
                            <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>
                        </a4j:commandLink>
                        
                    </h:panelGrid>
                </rich:panel>

<!--ModalPanel-->
                <rich:modalPanel id="panel" width="500" height="250">
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="Cadastro de Cargos"></h:outputText>
                        </h:panelGroup>
                    </f:facet>
                    <f:facet name="controls">
                        <h:panelGroup>
                            <h:graphicImage value="/imagens/close.png" style="cursor:pointer" id="hidelink"/>
                            <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>
                        </h:panelGroup>
                    </f:facet>
                    <rich:dataTable border="1" id="cargos" 
                                    var="item" value="#{cargoBean.todos}" 
                                    style="width: 396px" rows="5">
                        <f:facet name="header">
                            <rich:columnGroup>
                                <h:column>
                                    <h:outputText styleClass="headerText" value="ID" />
                                </h:column>
                                <h:column>
                                    <h:outputText styleClass="headerText" value="Cargo" />
                                </h:column>                      
                                <h:column>
                                    <h:outputText styleClass="headerText" value="Atualizar" />
                                </h:column>
                                <h:column>
                                    <h:outputText styleClass="headerText" value="Excluir" />
                                </h:column>
                            </rich:columnGroup>
                        </f:facet>	
                        <h:column id="column1">
                            <h:outputText value="#{item.id}"/>
                        </h:column>
                        
                        <h:column id="column2">
                            <h:outputText value="#{item.nome}"/>
                        </h:column>
                        
                        <h:column>
                            <a4j:commandLink value="Atualizar" 
                                             action="#{cargoBean.editar}"
                                             reRender="cadastro, panel"
                                             ajaxSingle="true">
                            </a4j:commandLink>
                        </h:column>
                        <h:column>
                            <a4j:commandLink value="Excluir" 
                                             action="#{cargoBean.excluir}"
                                             reRender="cadastro, panel"	
                                             ajaxSingle="true"		
                                             />
                        </h:column>
                    </rich:dataTable>
                    
                    <rich:spacer height="10"/>
                    
                    <rich:datascroller id="cargoScroller" for="cargos"> 
                    </rich:datascroller>

                </rich:modalPanel>

3 Respostas

yorgan 10 de nov. de 2008

Opa, tenta assim:

<a4j:commandLink id="link" styleClass="fonte">   
       <h:graphicImage url="imagens/search.png"/> Pesquisar   
       <a4j:support reRender="panel"/>
       <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick"/>   
</a4j:commandLink>

e no panel:

<!--ModalPanel-->  
               <a4j:region> 
                <rich:modalPanel id="panel" width="500" height="250">   
                .....
               </rich:modalPanel>
              </a4j:region>

[]´s

Daniel

RafaelViana 10 de nov. de 2008

Não deu certo =/

Acho que não precisa disso, posso usar o reRender no próprio a4j:commandLink
<a4j:support reRender=“panel”/> //e aqui precisa ter o event

O problema é que não ta dando reRender no modalPanel =/

Mais alguma idéia?

RafaelViana 10 de nov. de 2008

Consegui o/

Meu modalPanel ficou assim:

Fiz um a4j:outputPanel com ajaxRendered=true

<!--ModalPanel--> 
                    <rich:modalPanel id="panel" width="500" height="250">
                    <f:facet name="header">
                        <h:panelGroup>
                            <h:outputText value="Cadastro de Cargos"></h:outputText>
                        </h:panelGroup>
                    </f:facet>
                    <f:facet name="controls">
                        <h:panelGroup>
                            <h:graphicImage value="/imagens/close.png" style="cursor:pointer" id="hidelink"/>
                            <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>
                        </h:panelGroup>
                    </f:facet>
                    
                    <a4j:outputPanel ajaxRendered="true">
                    <rich:dataTable border="1" id="cargos" 
                                    var="item" value="#{cargoBean.todos}" 
                                    style="width: 396px" rows="5">
                        <f:facet name="header">
                            <rich:columnGroup>
                                <h:column>
                                    <h:outputText styleClass="headerText" value="ID" />
                                </h:column>
                                <h:column>
                                    <h:outputText styleClass="headerText" value="Cargo" />
                                </h:column>                      
                                <h:column>
                                    <h:outputText styleClass="headerText" value="Atualizar" />
                                </h:column>
                                <h:column>
                                    <h:outputText styleClass="headerText" value="Excluir" />
                                </h:column>
                            </rich:columnGroup>
                        </f:facet>	
                        <h:column id="column1">
                            <h:outputText value="#{item.id}"/>
                        </h:column>
                        
                        <h:column id="column2">
                            <h:outputText value="#{item.nome}"/>
                        </h:column>
                        
                        <h:column>
                            <a4j:commandLink value="Atualizar" 
                                             action="#{cargoBean.editar}"
                                             reRender="cadastro, panel"
                                             ajaxSingle="true">
                            </a4j:commandLink>
                        </h:column>
                        <h:column>
                            <a4j:commandLink value="Excluir" 
                                             action="#{cargoBean.excluir}"
                                             reRender="cadastro, panel"	
                                             ajaxSingle="true"		
                                             />
                        </h:column>
                    </rich:dataTable>
                    
                    <rich:spacer height="10"/>
                    
                    <rich:datascroller id="cargoScroller" for="cargos"> 
                    </rich:datascroller>

                    </a4j:outputPanel>
                </rich:modalPanel>

Criado 10 de novembro de 2008

Ultima resposta 10 de nov. de 2008

Respostas 3

Participantes 2

3 Respostas

Topicos relacionados