Hi,

I have a datatable with <h:inputText> as search fields. I want a method on the backing bean to be invoked when ENTER key is pressed, as well as the DataTable to be re-rendered.

My approach so far only works in IE 6, and 7, not in FF. This is the inputText:

<h:inputText
     value="#{applicantProductListBean.applicantNameFilterValue}"
     id="applicantNameFilterValue" onkeypress="submitByEnter(event)">
</h:inputText>
          

and this is the Javascript method I am invoking:

function submitByEnter(e){
     if(e.keyCode==13){
          // alert("Enter was pressed");
          e.returnValue=false;
          e.cancel=true;
          document.getElementById("applicantProductListForm:refreshButton").click();
     }

}

As you can see, the Javascript method clicks on the button refresh, which exists on the page:

<a4j:commandButton value="Refresh" id="refreshButton"
     action="#{applicantProductListBean.refreshData}"
     image="/images/icons/refresh48x48.gif"
     reRender="table, scroller">
</a4j:commandButton>

The refreshData method does not return anything. As said before, this only works in IE 6 and IE 7.

Does anyone know why it does not work in FF?

An alternative I was consideting was HotKey, which can indeed catch the event of ENTER, but I think it can only invoke Javascript.

Is the proper way to do this via RichFaces or plain JSF?

Cheers!