Form submit vs ajax execute = "@form"

Question

Form submit vs ajax execute = "@form"

I am using JSF2.1.

What is the difference between execute="@form"and this.submit()in the code below?

<f:ajax execute="@form" render="@form"/>

and

<h:form onkeypress="if (event.keyCode == 13) this.submit();">

The former seems to pass values and re-display the form, while the latter causes the page to refresh. Is there a way to use ajax when the enter key is pressed on a form? I am trying to detect that an input key is pressed in a field inputText. I tried things like this:

<h:inputText value="#{a.name}" >
  <f:ajax execute="@this" />
</h:inputText>

but it just leads to the fact that the values will be sent when you click on something else (after valueChange).

+4

ajax jsf jsf-2

taylordurden Jan 31 '14 at 4:35

source share

1 answer

Xtreme Biker · Answer 1 · 2014-01-31T07:26:13+0000

, , , ajax , ajax, , .

, , Enter, . javascripting onkeypress, .

, , "", Enter: value. , , <h:inputText /> ajax, h:outputText ( render) Enter, - ajax, . Google Chrome, , : httpError: Http Transport 0. ajax .

:

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html">
<h:head />
<body>
    <h:form>
        <h:inputText value="#{bean.value}" />
        <h:commandButton value="Send" />
    </h:form>
</body>
</html>

Ajax:

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html">
<h:head />
<body>
    <h:form>
        <h:inputText value="#{bean.value}">
            <f:ajax />
        </h:inputText>
        <h:outputText value="Echo: #{bean.value}" />
    </h:form>
</body>
</html>

, javascript , , . , .

, ajax- , onkeypress:

<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html">
<h:head />
<body>
    <h:form>
        <h:inputText value="#{bean.value}"
            onkeypress="if (event.keyCode == 13) {onchange(); return false; }">
            <f:ajax render="echo" />
        </h:inputText>
        <h:inputText value="#{bean.value2}" />
        <h:outputText id="echo" value="Echo: #{bean.value}" />
    </h:form>
</body>
</html>

, .

. :

Form submit vs ajax execute = "@form"

More articles: