Как сделать р: graphicImage интерактивной и вызывать боб действие

Question

Я использую <p:graphicImage>, как показано ниже:

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

    </p:graphicImage>     
</div> 

Но это не интерактивное изображение. Как я могу сделать это изображение кликабельным, поэтому, когда пользователь нажимает на него, я могу вызвать действие управляемого компонента, которое я хочу.

Answer 1

Оберните изображение в h:commandLink/h:link:

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

Answer 2

Если р: graphicImage внутри ар: contentFlow, вы можете использовать следующее:

Для меня, это работает отлично:

<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>