[RESOLVIDO]Problema ao criar <rich:ModalPanel>

Front-end
#1

Bom dia a todos.
Estou com um problema para criar um modal panel na minha página .jsp, criei a estrutura criei o link para chamar essa Modal, mas o link é mostrado e quando clico ele simplesmente atualiza a página a não mostra a ModaPanel, alguém sabe como resolver isto?
Segue o codigo da minha página para mostrar melhor:

[code]<f:view>

Teste Modal 
	<rich:modalPanel id="modal" minHeight="200" minWidth="450"
		height="200" width="500">
			<f:facet name="header">
				<h:outputText value="Título Model" />
			</f:facet>
			<f:facet name="controls">
				<h:outputLabel value="Fechar [X]" id="hidelink" />
				<rich:componentControl for="modal" attachTo="hidelink"
					operation="hide" event="onclick" />
			</f:facet>
			<h:panelGrid id="grid" columns="2">
				<h:outputLabel value="Insira o texto" />
				<h:inputText size="25" />
			</h:panelGrid>
	</rich:modalPanel>


	<h:commandLink id="linkModal">
		<h:outputText value="Mostra o Panel" />
		<rich:componentControl for="modal" attachTo="linkModal"
			operation="show" event="onclick" />
	</h:commandLink>

</h:form>
[/code]

Obrigado!

#2

Bom dia,

tente utilizar <h:outputLink value="#"> no lugar do <h:commandLink>
ou tente utilizar a4j:form e a4j:commandLink.

funciona :?:

#3

[quote=rock]Bom dia,

tente utilizar <h:outputLink value="#"> no lugar do <h:commandLink>
ou tente utilizar a4j:form e a4j:commandLink.

funciona :?:

[/quote]
Então rock tentei da forma que vc falou e nada continua igual

#4

O que acontece :?:

além do que eu disse antes, tente tirar rich:modalPanel de dentro do seu form.

#5 
   <rich:modalPanel id="modal" minHeight="200" minWidth="450"  
            height="200" width="500">  
                <f:facet name="header">  
                    <h:outputText value="Título Model" />  
                </f:facet>  
                <f:facet name="controls">  
                    <h:outputLabel value="Fechar [X]" id="hidelink" />  
                    <rich:componentControl for="modal" attachTo="hidelink"  
                        operation="hide" event="onclick" />  
                </f:facet>  
                <h:panelGrid id="grid" columns="2">  
                    <h:outputLabel value="Insira o texto" />  
                    <h:inputText size="25" />  
                </h:panelGrid>  
   </rich:modalPanel>
<h:form id="formModel" prependId="false">  
        <h:commandLink id="linkModal">  
            <h:outputText value="Mostra o Panel" />  
            <rich:componentControl for="modal" attachTo="linkModal" operation="show" event="onclick" />
        </h:commandLink>
</h:form>

Deixa o comandlink dentro do form e tira o modal painel de dentro dele…

#6

[quote=rock]O que acontece :?:

além do que eu disse antes, tente tirar rich:modalPanel de dentro do seu form.
[/quote]
Já tirei do form:

[code]<h:form id=“formModel” prependId=“false”>
<a4j:commandLink reRender=“modal” value=“Novo”
oncomplete="#{rich:component(‘modal’)}.show()">
</a4j:commandLink>
<h:outputText value=“Mostra o Panel” />
<rich:componentControl for=“modal” attachTo=“linkModal”
operation=“show” event=“onclick” />
</h:form>

<rich:modalPanel id="modal" minHeight="200" minWidth="450" height="200"
	width="500">
	<h:form>......</h:form>[/code]

A página simplesmente continua, como se tivesse sido atualizada e aparece o “#” no final do endereco, apenas isso !

#7

Tenta assim…

<a4j:form id=“formModel”>
<a4j:commandLink id=“linkModal” value=“Mostra o Panel”>
<rich:componentControl for=“modal” attachTo=“linkModal” operation=“show” event=“onclick” />
</a4j:commandLink>
</a4j:form>

#8

[quote=blaithe]Tenta assim…

<a4j:form id=“formModel”>
<a4j:commandLink id=“linkModal” value=“Mostra o Panel”>
<rich:componentControl for=“modal” attachTo=“linkModal” operation=“show” event=“onclick” />
</a4j:commandLink>
</a4j:form> [/quote]
Tentei dessa forma e não foi! Tentei com o rerender e também não foi!
Aqui esta a página inteira:

[code]<%@ page language=“java” contentType=“text/html; charset=ISO-8859-1”
pageEncoding=“ISO-8859-1”%>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f”%>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h”%>
<%@ taglib uri=“http://richfaces.org/rich” prefix=“rich”%>
<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%>

<f:view>

Teste Modal 
<rich:modalPanel id="modal" minHeight="200" minWidth="450" height="200"
	width="500">
	<a4j:form>
		<f:facet name="header">
			<h:outputText value="Título Model" />
		</f:facet>
		<f:facet name="controls">
			<h:outputLabel value="Fechar [X]" id="hidelink" />
			<rich:componentControl for="modal" attachTo="hidelink"
				operation="hide" event="onclick" />
		</f:facet>

		<h:panelGrid id="grid" columns="2">
			<h:outputLabel value="Insira o texto" />
			<h:inputText size="25" />
		</h:panelGrid>
	</a4j:form>
</rich:modalPanel>
[/code]
#9

[code]<%@ page language=“java” contentType=“text/html; charset=ISO-8859-1”
pageEncoding=“ISO-8859-1”%>
<%@ taglib uri=“http://java.sun.com/jsf/core” prefix=“f”%>
<%@ taglib uri=“http://java.sun.com/jsf/html” prefix=“h”%>
<%@ taglib uri=“http://richfaces.org/rich” prefix=“rich”%>
<%@ taglib uri=“http://richfaces.org/a4j” prefix=“a4j”%>

Teste Modal 
<a4j:form id="formModel">  
    <a4j:commandLink id="linkModal" value="Mostra o Panel">  //não tem que ter rerender
        <rich:componentControl for="modal" attachTo="linkModal" event="onclick" operation="show" />  
    </a4j:commandLink>  
</a4j:form>  

<rich:modalPanel id="modal" resizeable="false" height="200"  width="500">          
        <f:facet name="header">  
            <h:outputText value="Título Model" />  
        </f:facet>  

  <a4j:form>  
        <f:facet name="controls">  
            <h:outputLabel value="Fechar [X]" id="hidelink" />  
            <rich:componentControl for="modal" attachTo="hidelink"  
                operation="hide" event="onclick" />  
        </f:facet>  

        <h:panelGrid id="grid" columns="2">  
            <h:outputLabel value="Insira o texto" />  
            <h:inputText size="25" />  
        </h:panelGrid> 

    </a4j:form>  
</rich:modalPanel>  

   </f:view>
[/code]

O meu assim funciona…

#10

rapha.java,

quando precisares utilizar o reRender no modal, utilize o evento oncomplete para fazer o show do modal. Dessa forma o modal será aberto após o reRender (no onclick ele irá abrir a modal antes do reRender e logo após ela será ‘reRenderizada’ novamente fechada).

deves conseguir dessa forma ou como o blaithe comentou :!:

#11

[quote=rock]rapha.java,

quando precisares utilizar o reRender no modal, utilize o evento oncomplete para fazer o show do modal. Dessa forma o modal será aberto após o reRender (no onclick ele irá abrir a modal antes do reRender e logo após ela será ‘reRenderizada’ novamente fechada).

deves conseguir dessa forma ou como o blaithe comentou :!: [/quote]
Tentei das duas formas e não funcionou !!! :shock: :cry:

#12

[quote=rapha.java][quote=rock]rapha.java,

quando precisares utilizar o reRender no modal, utilize o evento oncomplete para fazer o show do modal. Dessa forma o modal será aberto após o reRender (no onclick ele irá abrir a modal antes do reRender e logo após ela será ‘reRenderizada’ novamente fechada).

deves conseguir dessa forma ou como o blaithe comentou :!: [/quote]
Tentei das duas formas e não funcionou !!! :shock: :cry: [/quote]

Consegui resolver, eu estava esquecendo de configurar o richfaces no web.xml, no site do richfaces já tem a configuração, quem quiser e só digitar no google “richfaces web.xml” que ja vai aparecer

#13