Question

I use richfaces in my project and particularly the tag rich:modalPanel which allows to display popups in pages.

So to do this, I include my popup like this:

<ui:include src="popup.xhtml" />

This popup contains this code:

<rich:modalPanel id="sra" width="400" autosized="true" left="100" >
...
</rich:modalPanel>

Finally to display the popup, I do this in the main page:

<a4j:commandLink id="linkSRA" value="#{msg['SRA']}" action="#{controller.checkSRA}" oncomplete="#{rich:component('sra')}.show()" />

All work fine but my problem is the next:

In a page, I have many popup and each popup is included in the main page. The weight of this one is very big for nothing. So, how can I do to load the popup’s content in ajax when I want to load a popup ?

Thanks

Answer 1

Re-render the panel content via some action and then open the modal in oncomplete=”..”