Реальный вопрос: я пытаюсь понять взаимодействие между фрагментом javascript, который я нашел, и commandButton Primefaces. Фрагмент javascript назначается атрибуту onkeypress тега JSF h:form. У меня есть этот фрагмент, работающий на некоторых моих страницах, но не на других. Когда я попытался убрать ненужное, чтобы задать ЭТОТ вопрос, javascript полностью перестал работать.
Кажется, я чего-то не понимаю, так как этот код не работает. Обратите внимание, что код работает, если пользователь действительно нажимает кнопку. Я хочу, чтобы это работало, когда они нажимают клавишу Enter. Я убрал все, что мог, и лоботомировал рекомендации по стилю, чтобы сделать его короче.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Tray Report</title>
<h:outputStylesheet library="css" name="postalreports.css" />
</h:head>
<h:body>
<h:form id="thisform" onkeypress="if (event.keyCode == 13) { document.getElementById('thisform:btn').click(); return false; }" >
<p:panel id="panel" header="Report For Days">
<p:messages id="messages" />
<p:inputText id ="days" value="#{trayBean.days}" >
</p:inputText>
</p:panel>
<p:commandButton id="btn" value="RUN" actionListener="#{trayBean.run}"/>
</h:form>
</h:body>
</html>
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; }
}
P.S. Я также пробовал if (event.keyCode == 13) { this.submit(); }
ДОБАВЛЕНО ПОСЛЕ ДОПОЛНИТЕЛЬНЫХ ИССЛЕДОВАНИЙ: К моему большому огорчению, я нашел специальное решение для Primefaces, которое должен был найти раньше. Оказывается, JavaScript вообще не нужен, если просто добавить тег p:focus. Вот XHTML-файл, который действительно работает. Нет никаких изменений в бэк-бине.
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Tray Report</title>
</h:head>
<h:body>
<h:form id="thisform">
<p:focus/>
<p:panel id="panel" header="Report For Days">
<p:messages id="messages" />
<p:inputText id ="days" value="#{trayBean.days}" >
</p:inputText>
</p:panel>
<p:commandButton id="btn" value="RUN" actionListener="#{trayBean.run}"/>
</h:form>
</h:body>
</html>
Это позволит мне завершить анализ моей первоначальной проблемы (поскольку у меня есть тег p:focus на страницах, которые еще не работают), который я опубликую отдельно.