Databases
StackOverflow2013
Postsdbo
POJSF2 Primefaces Enter key keycode=13 not working with commandButton
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJSF2 Primefaces Enter key keycode=13 not working with commandButton
    primarykey
    data
    text
    <p>The real question: I'm trying to understand the interaction between a javascript snippet I found and the Primefaces commandButton. The javascript snippet is assigned to the onkeypress attribute of the JSF h:form tag. I have this snippet working on some of my pages but not on others. When I tried to strip down the non-essentials to ask THAT question the javascript stopped working entirely.</p> <p>There seems to be something I don't understand since this code doesn't work. Note the code does work if the user actually clicks the button. I want it to work when they press the Enter key. I have stripped away as much as I can and lobotomized style guidelines to make it shorter.</p> <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui"&gt; &lt;h:head&gt; &lt;title&gt;Tray Report&lt;/title&gt; &lt;h:outputStylesheet library="css" name="postalreports.css" /&gt; &lt;/h:head&gt; &lt;h:body&gt; &lt;h:form id="thisform" onkeypress="if (event.keyCode == 13) { document.getElementById('thisform:btn').click(); return false; }" &gt; &lt;p:panel id="panel" header="Report For Days"&gt; &lt;p:messages id="messages" /&gt; &lt;p:inputText id ="days" value="#{trayBean.days}" &gt; &lt;/p:inputText&gt; &lt;/p:panel&gt; &lt;p:commandButton id="btn" value="RUN" actionListener="#{trayBean.run}"/&gt; &lt;/h:form&gt; &lt;/h:body&gt; &lt;/html&gt; </code></pre> <pre class="lang-java prettyprint-override"><code>import java.io.Serializable; import javax.faces.bean.ManagedBean; import javax.faces.bean.ViewScoped; @ManagedBean @ViewScoped public class TrayBean implements Serializable { private Integer days = 1; public TrayBean() {} public void run() { System.out.println("do something here"); } public Integer getDays() { return days; } public void setDays(Integer days) { this.days = days; } } </code></pre> <p>P.S. I also tried if (event.keyCode == 13) { this.submit(); }</p> <p>ADDED AFTER ADDITIONAL RESEARCH: Much to my chagrin, I have found a Primefaces specific solution to this that I should have found earlier. It turns out that no JavaScript is needed at all with the simple addition of the p:focus tag. Here is the XHTML file that actually works. There is no change to the backing bean.</p> <pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:p="http://primefaces.org/ui"&gt; &lt;h:head&gt; &lt;title&gt;Tray Report&lt;/title&gt; &lt;/h:head&gt; &lt;h:body&gt; &lt;h:form id="thisform"&gt; &lt;p:focus/&gt; &lt;p:panel id="panel" header="Report For Days"&gt; &lt;p:messages id="messages" /&gt; &lt;p:inputText id ="days" value="#{trayBean.days}" &gt; &lt;/p:inputText&gt; &lt;/p:panel&gt; &lt;p:commandButton id="btn" value="RUN" actionListener="#{trayBean.run}"/&gt; &lt;/h:form&gt; &lt;/h:body&gt; &lt;/html&gt; </code></pre> <p>This will allow me to complete the analysis of my original problem (since I have a p:focus tag on pages that don't work yet) which I will post separately.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDean
    1. USDean
    plurals
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJSF2 Primefaces Enter key keycode=13 not working with commandButton
      1. This table or related slice is empty.
      1. VTUpMod
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload