Execute a CommandButton using JavaScript

[robert.m]

Hello everybody.

Is there a way to "click" a <p:commandButton> using JavaScript? The User's Guide only lists the enable() and disable() functions for the Client side API.

Thanks in advance for any advice!
Best regards,
Robert

[ydarcin]

hi,

instead of clicking the p:commandbutton, you can use remote command maybe.

http://www.primefaces.org/showcase/ui/remoteCommand.jsf

btw I remember with jQuery click(), you can do what you want.

Yigit

[healeyb]

I guess something like this should work...

Code: Select all

<p:commandButton id="mybutton" ...

Code: Select all

<script type="text/javascript">
                    //<![CDATA[
                    document.getElementById('mybutton').click();
                    //]]>
</script>

[ydarcin]

Hi,

afaik document.getElementById('mybutton').click(); will not work on some browsers so it is better you test it in all browsers,

Yigit

[Daedalus]

Use

Code: Select all

<script type="text/javascript">
  jQuery('#mybutton').click();
</script>

It will work 100%.

[robert.m]

Thanks everybody for your answers, I'll try it out later today and report back what solution worked best for me!

[healeyb]

Does anyone know which browsers don't work with getElementById?

[bumble.bee]

I'm guessing IE (usually a safe bet!)

I think IE 6 and 7 getElementById searches both element ID and element Name, which can cause conflicts. There may be other issues...

[healeyb]

Thanks, the IE developers must have missed the "ById" suffix then!.