How to trigger an ajax event listener on click of p:graphicImage?

ajax, graphicimage, jsf-2, primefaces

Solution

The `<p:graphicImage>` doesn't support any ajax events.

Just wrap it in a `<h:commandLink>` (or the `p:` one).

<h:commandLink>
    <p:graphicImage id="gi1" value="#{imageStreamer.image}" alt="image not available" >
        <f:param name="id" value="#{imageLst.imageID}" />
    </p:graphicImage>
    <p:ajax id="aj2" listener="#{getData.searchID}" update=":form:tabView:check :form:growl"/>
</h:commandLink>

Problem

I want to do some processing when the user click on the p:graphicsImage inside a ui:repeat How do i do it. ``` <ui:repeat id="repeat" value="#{getData.image}" var="imageLst" varStatus="loop"> <h:panelGroup> <p:graphicImage id="gi1" value="#{imageStreamer.image}" alt="image not available" > <f:param name="id" value="#{imageLst.imageID}" /> <p:ajax id="aj2" event="click" listener="#{getData.searchID}" immediate="true" update=":form:tabView:check :form:growl"/> </p:graphicImage> </h:panelGroup> </ui:repeat> ``` In the above code if i place the ajax part doesn't get triggered. How do i monitor a Click on the 'p:graphicImage'

Original source