8 Replies Latest reply on Mar 29, 2007 5:52 AM by ilya_shaikovsky

modalPanel inside reRendered a4j:include

hispeedsurfer Mar 27, 2007 8:33 AM

Hi,

have a modalPanel inside an include

<h:panelGroup id="center">
 <a4j:outputPanel layout="block" id="first">
 <a4j:include viewId="submit.xhtml" />
 </a4j:outputPanel>
</h:panelGroup>

submit.xhtml

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
 xmlns:h="http://java.sun.com/jsf/html"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:rich="http://richfaces.ajax4jsf.org/rich"
 xmlns:f="http://java.sun.com/jsf/core">
<h:form id="_form">
<rich:panel>
 <f:facet name="header">
 <h:outputText value="Modal Panel"/>
 </f:facet>
 <f:verbatim>
 <a href="javascript:Richfaces.showModalPanel('_form:_panel',{left:'auto', top:'auto'})">Show Modal Panel</a>
 </f:verbatim>
 <rich:modalPanel id="_panel" minHeight="200" minWidth="450" height="200" width="500" zindex="999">
 <f:facet name="header">
 <h:outputText value="Modal Panel Title" />
 </f:facet>
 <f:facet name="controls">
 <h:graphicImage value="/images/ico_close.gif" style="cursor:pointer" onclick="Richfaces.hideModalPanel('_form:_panel')" />
 </f:facet>
 <f:verbatim>
 <a href="javascript:Richfaces.hideModalPanel('_form:_panel')">Hide this panel</a>
 </f:verbatim>
 </rich:modalPanel>
</rich:panel>
 </h:form>
</ui:composition>

When I call submit.xhtml as html directly http://foo:8080/submit.seam all is perfect

<!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:h="http://java.sun.com/jsf/html"
 xmlns:ui="http://java.sun.com/jsf/facelets"
 xmlns:rich="http://richfaces.ajax4jsf.org/rich"
 xmlns:f="http://java.sun.com/jsf/core">
<head></head>
<body>
<h:form id="_form">
<rich:panel>
 <f:facet name="header">
 <h:outputText value="Modal Panel"/>
 </f:facet>
 <f:verbatim>
 <a href="javascript:Richfaces.showModalPanel('_form:_panel',{left:'auto', top:'auto'})">Show Modal Panel</a>
 </f:verbatim>
 <rich:modalPanel id="_panel" minHeight="200" minWidth="450" height="200" width="500" zindex="999">
 <f:facet name="header">
 <h:outputText value="Modal Panel Title" />
 </f:facet>
 <f:facet name="controls">
 <h:graphicImage value="/images/ico_close.gif" style="cursor:pointer" onclick="Richfaces.hideModalPanel('_form:_panel')" />
 </f:facet>
 <f:verbatim>
 <a href="javascript:Richfaces.hideModalPanel('_form:_panel')">Hide this panel</a>
 </f:verbatim>
 </rich:modalPanel>
</rich:panel>
 </h:form>
</body>
</html>

What is the cause of my problem? Any idea?

Thanks
Andi

1. Re: modalPanel inside reRendered a4j:include

ilya_shaikovsky Mar 27, 2007 8:38 AM (in response to hispeedsurfer)

seems like you forgot something. I do not see what is the problem.. :(
Actions
2. Re: modalPanel inside reRendered a4j:include

hispeedsurfer Mar 27, 2007 8:43 AM (in response to hispeedsurfer)
here error from firebug
$(id) has no properties showModalPanel("_form:_panel", Object left=auto top=auto)modalPanel.js.sea... (line 45) [Break on this error] Richfaces.showModalPanel=function(id,opts){$(id).modalPanel.show(opts);}
Actions
3. Re: modalPanel inside reRendered a4j:include

ilya_shaikovsky Mar 27, 2007 9:11 AM (in response to hispeedsurfer)

did you have this error only in FF browser?
Actions
4. Re: modalPanel inside reRendered a4j:include

hispeedsurfer Mar 27, 2007 12:41 PM (in response to hispeedsurfer)

No, also in IE. But FF is more expressiveness.
Actions
5. Re: modalPanel inside reRendered a4j:include

sergeysmirnov Mar 27, 2007 7:45 PM (in response to hispeedsurfer)

a4j:include the prefix for all inner components including the modalPanel. So, the ${id} of the panel when you invoke the page directly and using a4j:include are not the same.

In the 3.0.1 we have enhanced the method how you can reference the modal panel from javascript. prefix is not required anymore. I.e. you will need just say "_panel"
Actions
6. Re: modalPanel inside reRendered a4j:include

hispeedsurfer Mar 28, 2007 10:29 AM (in response to hispeedsurfer)

Hello Sergey,

thank you for response. Can you explain a little bit mor detailed( I don't understand because no native speaker).

Now I have tried to use <ui:include> and it works. But I need <a4j:include> because of wizard-like behaviour.

Can you descripte (code) what is to do, using Richfaces.showModalPanel inside <a4j:include>

Thanks
Andi
Actions
7. Re: modalPanel inside reRendered a4j:include

hispeedsurfer Mar 29, 2007 12:37 AM (in response to hispeedsurfer)

Hi

"SergeySmirnov" wrote:
a4j:include the prefix for all inner components including the modalPanel. So, the ${id} of the panel when you invoke the page directly and using a4j:include are not the same.

In the 3.0.1 we have enhanced the method how you can reference the modal panel from javascript. prefix is not required anymore. I.e. you will need just say "_panel"

please can someone post a reply about a4j:include and modalPanel a little bit more understandable for me!
I don't understand what is meant with 'prefix is not required anymore.....just say "_panel"'

Thanks
Andi
Actions
8. Re: modalPanel inside reRendered a4j:include

ilya_shaikovsky Mar 29, 2007 5:52 AM (in response to hispeedsurfer)

Sergey means that the id for your window was actually not the same that you pointed in your code (because it was changed after using include with some additions).

But now, the function that calls the window is supports short id, though you may use your defined one.
Actions

Go to original post