calling bean method on image onClick event

Question

I have image and would like to call a method that is store in bean. I was thinking of

<h:graphicImage value="DisplayImage?id=1&amp;stuff=photo&amp;mainID=main" 
 onclick="
          alert('clicked me 1');
          #{PersonalInformationDataBean.doSaveImage()};
          alert('clicked me 2');
         " styleClass="modal"/>

I was expecting #{PersonalInformationDataBean.doSaveImage()}; to work, however this is not working. I am only getting alert as clicked me 1

Any idea how to get this done?

Update 1

Forget to update that I am doing this in JSP Page.

Daniel · Accepted Answer · 2012-07-28T19:35:36.020

1

how bout something like this

<h:graphicImage value="DisplayImage?id=1&amp;stuff=photo&amp;mainID=main" 
 onclick="$('#myFormID\\:myButtonID').click();" styleClass="modal"/>
<h:commandButton id="myButtonID" action="#{PersonalInformationDataBean.doSaveImage()}" style="display:none">
    <f:ajax/>
</h:commandButton>

you might have to play a bit with the jquery selector $('#myFormID\\:myButtonID') or $('#myButtonID')

OR

<h:commandLink>
    <f:ajax event="action" listener="#{PersonalInformationDataBean.doSaveImage()}"/>
    <h:graphicImage value="DisplayImage?id=1&amp;stuff=photo&amp;mainID=main" 
    styleClass="modal"/>
</h:commandLink>

edited Jul 28 '12 at 19:35

answered Jul 28 '12 at 18:03

Daniel

36,833
10
119
200

Thanks Daniel... I will take a look and let you know... – Fahim Parkar Jul 29 '12 at 07:13
forget to update that I am doing this in JSP page and f:ajax is not working there... – Fahim Parkar Jul 29 '12 at 07:34
there are no JSP in JSF2... if you are using JSF2 move on to facelets... read about it JSP is obsolete in JSF2... – Daniel Jul 29 '12 at 07:42
I am using `<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>` in JSP page. I am able to use – Fahim Parkar Jul 29 '12 at 07:49
You must have a `` instead of `` – Daniel Jul 29 '12 at 07:53
even is not allowing in JSP... – Fahim Parkar Jul 29 '12 at 07:55
well then google a bit about using f:ajax in jsp with jsf2 , dunno... – Daniel Jul 29 '12 at 07:56
ok... I will check and let you know... – Fahim Parkar Jul 29 '12 at 08:02

score 0 · Answer 2 · answered Jul 28 '12 at 14:25

0

I'm assuming that `#{PersonalInformationDataBean.doSaveImage()}; is a function which you've defined in your server and is not a javascript object method. Correct me if I'm wrong.

The problem here is you're trying to access server side methods from client side javascript. Since HTTP is a stateless protocol, you need some intermediate technology to access those methods.

DWR is a powerful tool that will allow you to achieve exactly this. Check out http://directwebremoting.org/dwr/documentation/index.html .I've used this countless times and it never fails.

answered Jul 28 '12 at 14:25

afrin216

2,295
1
14
17

While you're right about the concrete cause of OP's fail, I disagree using DWR for this. JSF has its own tags and facilities to achieve the desired functional requirement. – BalusC Jul 28 '12 at 14:27
thanks... any link from where I can get the code (for idea how it is working) – Fahim Parkar Jul 28 '12 at 14:28
@BalusC : Could you please tell me the same... – Fahim Parkar Jul 28 '12 at 14:28
@BalusC : Can you elaborate on that? Even I'm curious to know the solution which you have in mind. Are you talking about calling JSF Handler functions? – afrin216 Jul 28 '12 at 15:07

calling bean method on image onClick event

Update 1

2 Answers2

Linked