reload a JSF tag with javascript

Question

I need reload a JSF component when press a key, i have the following code

<script>
    document.onkeypress=teclaPulsada
    function teclaPulsada()
    {
    var teclaASCII=event.keyCode
    var teclaCHAR=String.fromCharCode(teclaASCII)
    if (teclaASCII==49 )
    {   
    document.getElementById("formularioImagen").setAttribute("value", "TiffBean.getImagen()")
    }
    else if ( teclaASCII==50)
    {
    alert("disminuir")
    }
    }
</script>
<h:form id="formularioImagen">
        <p:graphicImage  id="imagen" value="#{TiffBean.getImagen()}" width="1000" height="1500" border="5" cache="FALSE" >
        </p:graphicImage>
</h:form>

when I run the image no reload

tt_emrah · Accepted Answer · 2014-10-08 11:01:18Z

2

you can use p:remoteCommand for it.

<p:remoteCommand name="refreshImage" process="@this" update="formularioImagen:imagen"/>

and in your javascript code, you can do the following:

if (teclaASCII == 49)
{   
    refreshImage();
}

answered Oct 8, 2014 at 11:01

tt_emrah

1,0631 gold badge8 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ali Cheaito · Accepted Answer · 2014-10-07 18:41:27Z

1

You'll want to "re-render" the graphicImage component or one of its parents. An easy way would be to add

<p:commandButton id="hiddenBtn" update="formularioImagen:imagen" style="visibility: hidden"/>

to the form and have your Javascript select and click the button when a key is click

answered Oct 7, 2014 at 18:41

Ali Cheaito

3,8663 gold badges28 silver badges32 bronze badges

2 Comments

oriaj Over a year ago

HI, thanks for your answer but I need that the image "re-render" when press a key, I can't use buttons

tt_emrah Over a year ago

@oriaj "have your Javascript select and click the button when a key is click" part of the answer refers to your case, but since there is no applicable example provided, you can have a look at here about selecting the component: stackoverflow.com/questions/7927716/…

kolossus · Accepted Answer · 2014-10-09 17:50:49Z

0

Use the Primefaces hotkey. It's purpose-built for this. In your case:

<h:form id="formularioImagen">
    <p:graphicImage  id="imagen" value="#{TiffBean.getImagen()}" width="1000" height="1500" border="5" cache="FALSE" >
    </p:graphicImage>
    <p:hotkey bind="ctrl+shift+s" update="imagen"/>
</h:form>

answered Oct 9, 2014 at 17:50

kolossus

20.7k3 gold badges55 silver badges109 bronze badges

Collectives™ on Stack Overflow

reload a JSF tag with javascript

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related