jsf - showdemo - Cómo hacer que p: graphicImage pueda hacer clic e invocar acción de bean

primefaces showdemo

Question

Estoy usando <p:graphicImage> como a continuación:

<div id="mapp">
    <h3>Country Map</h3>         
    <p:graphicImage id="city"
                    value="#{countryPages_Setup.countryMap}"
                    width="250"
                    height="190">

     </p:graphicImage>                
</div>

Pero esta no es una imagen clicable. ¿Cómo puedo hacer clic en esta imagen para que cuando el usuario haga clic en ella, pueda invocar la acción Bean administrada que deseo?

Answer 1

Si p: graphicImage está dentro de ap: contentFlow, puede usar lo siguiente:

Para mí, esto funciona perfectamente:

<h:form id="imageFlowForm">
    <p:contentFlow id="imageContent" value="#{controller.allImages}" var="entry">
        <div class="caption">#{entry.name}</div>
        <p:commandLink styleClass="content" action="#{controller.doAction}" update="detailForm">
            <p:graphicImage value="#{entry.imagePreviewUrl}" styleClass="content" width="50px" />
            <f:param name="id" value="#{entry.id}" />
        </p:commandLink>
    </p:contentFlow>
</h:form>

Answer 2

Envuelva su imagen en un h:commandLink / h:link :

<h:commandLink action="...">
  <p:graphicImage id="city"
            value="#{countryPages_Setup.countryMap}"
            width="250"
            height="190">
  </p:graphicImage>
</h:commandLink>