Call Rich Modal Panel Onclick

Question

I use the following code to display a dynamic image in a rich DataTable. Onclick from thumbnail I need to display the full image from another location.

But the second a4j: mediaOutput tag retrieves all complete images and is stored in memory. (Ofcourse modalPanel is displayed only on a click)

I want the second a4j: mediaOutput tag to call daImageRetrievalBean.retrieveFullImage only after clicking.

Please, help.

                                                                                                                                                            

Answer 1

                            <h:outputLink value="#" id="link">
                            <a4j:mediaOutput element="img" cacheable="false" session="true" style="height:75px; width:75px;"
                                createContent="#{daImageRetrievalBean.retrieveThumbnail}" value="#{digAsset.digitalAssetId}" mimeType="image/jpeg" />
                            <rich:componentControl for="panel" attachTo="link" operation="show" event="onclick">
                            </rich:componentControl>
                        </h:outputLink>
                        <rich:modalPanel id="panel" resizeable="false" autosized="true" minHeight="650" minWidth="700">
                            <f:facet name="header">
                                <h:outputText value="#{digAsset.fileName}     Click on the image to hide" />
                            </f:facet>
                        <f:facet name="controls">
                            <h:panelGroup>
                                <a4j:mediaOutput element="img" cacheable="false" session="true" id="hidelink" style="height:600px; width:700px;margin-top: 30px"
                                            createContent="#{daImageRetrievalBean.retrieveFullImage}" value="#{digAsset.fileName}" mimeType="image/jpeg" />
                                <rich:componentControl for="panel" attachTo="hidelink" operation="hide" event="onclick"/>
                        </h:panelGroup>
                        </f:facet>                      
                        </rich:modalPanel>