JSF: Can inputText invoke a method inside managed bean when I press the return/enter key

Question

So I have an inputText that has its value hook to myBean.text, I want that if I click enter/return key, the inputText will invoke a method inside myBean to do something. Can any one help me?

EDIT

<p:inplace label="Add Comment">
    <h:inputText id="keyword" value="#{PostComment.comment.comment}" style="width:100%;"
                 onkeypress="if (event.keyCode == 13){onchange(); return false;}">
                 <f:ajax event="change" listener="#{PostComment.postCommentListener}"/>
    </h:inputText>
    <p:watermark for="keyword" value="Comment here"/>
</p:inplace> 

then in PostComment bean

public void postCommentListener(AjaxBehaviorEvent event){
    NewsFeed c = scholar.getModel().getRowData();
    postProfileComment(c.getTargetFeedId());
}

Answer 1

The easiest way is to put the inputText in a form and hide a commandButton next to it.

For example:

<h:form>
  <h:inputText styleClass="myText" value="#{myBean.text}"/>
  <h:commandButton styleClass="myButton" action="#{myBean.myMethod}" style="display:none;" value="submit"/>
</h:form>

---

UPDATE:

If you are using Seam you can use the <s:defaultAction/> tag. This makes that commandButton that contains it the one that responds to the ENTER.

<h:commandButton class="myButton" action="#{myBean.myMethod}" style="display:none;" value="submit">
  <s:defaultAction/>
</h:commandButton>

If you aren't using Seam you could try one of the similar defaultAction controls

Or you could roll your own with a bit of Javascript; ideally jQuery. For example:

$('input.myText').keypress(function(e) {
    if (e.which == 13) {
        $('.myButton').click();
    }
});

Answer 2

Hi, you can probably do something like this:

<h:inputText value="123" onkeyup="if(event.keyCode==13)this.blur();" onchange="document.getElementById('fakebutton').click();" valueChangeListener="#{yourbean.dosomething}"/>
<h:commandButton id="fakebutton"actionListener="#{yourbean.fakeaction}"/>

inside your bean:

public void dosomething(ValueChangeEvent event)
{
    System.out.println("I did something");
}
public void fakeaction(ActionEvent event)
{
    System.out.println("I do no nothing");
}

Answer 3

As per your question history, I know that you're using JSF 2.0, so here's a JSF 2.0 targeted answer: use <f:ajax> which listens on a change event and use keypress event to invoke it when the enter key is pressed (keycode 13).

<h:inputText value="#{bean.text1}" 
    onkeypress="if (event.keyCode == 13) { onchange(); return false; }">
    <f:ajax event="change" listener="#{bean.listener}" />
</h:inputText>

The #{bean.listener} should point to a method like

public void listener(AjaxBehaviorEvent event) {
    // ...
}