Rerender and show a modal panel after an Ajax request comple

[chawax]

Hi,

In my application I use Richfaces with Seam. In a facelet I have a <rich:datatable> with a "detail" button for each row. This detail button calls a Seam action (which outjects a "demandeAbsence" variable into conversation scope), then rerenders a modal panel, and finally calls "Richfaces.showModalPanel" on "oncomplete" event to show the modal panel.

The code to call Ajax is as following :

<a4j:commandButton
 id="cmdDetail"
 value="#{messages['label.detail']}"
 action="#{listeDemandesAbsenceByDemandeurAction.detailDemandeAbsence()}"
 reRender="detailDemandeAbsence"
 oncomplete="Richfaces.showModalPanel('panelDetailDemandeAbsence')" />

My modal panel looks like this :

<rich:modalPanel id="panelDetailDemandeAbsence">
 <h:form>
 <h:panelGrid columns="2">
 <h:outputText value="Demandeur :" style="font-weight:bold" />
 <h:outputText value="#{demandeAbsence.matriculeDemandeur} - #{demandeAbsence.infosDemandeur}" />
 <h:outputText value="Motif :" style="font-weight:bold" />
 <h:outputText value="#{demandeAbsence.lignes[0].motif}" />
 <h:outputText value="Justification : " style="font-weight:bold" />
 <h:outputText value="#{demandeAbsence.justification}" />
 </h:panelGrid>
 <a4j:commandButton onclick="Richfaces.hideModalPanel('panelDetailDemandeAbsence')" value="Fermer" />
 </h:form>
</rich:modalPanel>

But nothing appears in my modal panel, while the conversation variable is OK (I saw it with debug page). I tried with a standard <rich:panel> and it works, so the problem comes from <rich:modalPanel>. In fact it looks like the oncomplete event is fired before the rerender was done, or before the variable "demandeAbsence" was outjected.

Anyone has an idea why it does not work ?

Thanks in advance,

Olivier

[chawax]

Sorry, there was a big mistake in my a4j:commandButton : the value for reRender was wrong. It has to be "panelDetailDemandeAbsence", not "detailDemandeAbsence". Anyway, I changed this, but now the oncomplete event is never fired, so the modal panel is never shown ... Can someone tell me what I do wrong ?

[fmarwede]

Perhaps this has something to do with the known bug

http://jira.jboss.org/jira/browse/RF-1487.

Ilya, can you confirm that?

@chawax: If so, please vote for that bug.

[chawax]

Yes, you may be right, it's the same kind of problem. Note the oncomplete event was fired when my reRender attribute was wrong, so maybe the problem deals with the reRender feature ?

P.S. : english is not my native language, so why do you mean by "vote for that bug" ?

[chawax]

No need to answer, I had not seen the "vote" link in JIRA ;)

[mail.micke]

Hi

There is another JIRA somewhere about adding support for rerendering the entire modalpanels, which doesn't work at the moment.

Instead you can wrap the content of the modalpanel inside a <a4j:outputPanel id="hej" layout="inline/> and rerender that one.
That works for me.

Cheers

[chawax]

It works perfect, thanks a lot !

[rhasselbaum]

I'm trying to use this same technique to show a modal dialog after calling an action. It works--but only intermittently. The action gets called consistently when I click the command link, but the modal dialog only shows up about 25% of the time. Has anyone else seen this behavior? I'm using RichFaces 3.1.3 with Seam 2.0.1 CR2.

Is there any other technique for calling an action and then displaying a modal dialog? I'd expect this to be a very typical usage pattern, but it's not discussed in the documentation I've seen.

[ilya_shaikovsky]

could you please show your code?

[rhasselbaum]

Here is my code:

<rich:panel>
 <h:form>
 ...
 <a4j:commandLink action="#{orderEntryController.createProperty}"
 value="Add a property" reRender="propertyDialogPanel"
 oncomplete="Richfaces.showModalPanel('propertyDialog')"/>
 ...
 </h:form>
</rich:panel>

...

<a4j:outputPanel id="propertyDialogPanel" layout="inline">
 <rich:modalPanel id="propertyDialog" width="400" height="400">
 <h:form>
 <f:facet name="header">Edit property</f:facet>
 <p>Hello world</p>
 <p><a href="javascript:Richfaces.hideModalPanel('propertyDialog')">Cancel</a></p>
 </h:form>
 </rich:modalPanel>
</a4j:outputPanel>

Thanks for having a look.

[sergeysmirnov]

1. it is against the standard to insert block content inside the inline content. If you use a default RichFaces filter, the TIDY validator closes inline output panel during the first Ajax update. So, during the next update, the modal panel will be out of the update area

2. It is much better to re-render the content of the modal panel then the modal panel itself (or the parent of the modal panel). I.e. put some panel (a4j:outputPanel, h:panelGroup, h:panelGrid) and point to it with reRender. Do not forget about inline-block rule.

3. due to the bug in IE, the DOM element of the modal panel is moved to the top of the DOM tree away from the original container. So, you code have even less chance to work in IE