h:selectOneMenu 中的 f:ajax 监听器方法没有执行 [英] The f:ajax listener method in h:selectOneMenu is not executed
问题描述
页面在托管 bean 中使用适当的值正确生成,但是这两个 h:selectOneMenus 中的 ajax 事件不起作用.没有调用侦听器.错误必须在标签内的某个地方,但我没有看到.
The page is generated correctly with appropriate values in managed bean, but ajax events in these two h:selectOneMenus don't works. Listener is not called. An error has to be somewhere within tags, but I don't see it.
<f:view>
<h:form>
<h:messages />
<h:panelGrid columns="3">
<h:outputLabel value="Choose your faculty: *" for="faculties" />
<h:selectOneMenu id="faculties" value="#{registrateStudent.selectedFaculty}" >
<f:ajax event="change" listener="#{registrateStudent.genSpecializations}" execute="faculties" render="specializations" />
<f:selectItems value="#{registrateStudent.listFaculty}" var="curFac" itemLabel="#{curFac.name}" itemValue="#{curFac}" />
</h:selectOneMenu>
<h:message id="message_faculties" for="faculties" />
<h:outputLabel value="Choose your specialization: *" for="specializations" />
<h:selectOneMenu id="specializations" value="#{registrateStudent.selectedSpecialization}" >
<f:selectItems value="#{registrateStudent.listSpecialization}" var="curSpec" itemLabel="#{curSpec.name}" itemValue="#{curSpec}"/>
</h:selectOneMenu>
<h:message id="message_specializations" for="specializations" />
托管 Bean:
@ManagedBean(name = "registrateStudent")
@ViewScoped
public class RegistrateStudent {
private Faculty selectedFaculty;
private List<Faculty> listFaculty;
private Specialization selectedSpecialization;
private List<Specialization> listSpecialization;
private boolean showSpecialization = false;
/** Creates a new instance of RegistrateStudent */
public RegistrateStudent() {
users = new Users();
System.out.println("poaposd1");
student = new Student();
}
@PostConstruct
public void init() {
listFaculty = ff.findAll();
if (listFaculty != null) {
selectedFaculty = listFaculty.get(0);
listSpecialization = sf.findByFaculty(selectedFaculty.getIdFaculty());
if (listSpecialization != null) {
selectedSpecialization = listSpecialization.get(0);
}
else {}
} else {}
}
public void genSpecializations(AjaxBehaviorEvent event) {
if (sf.findByFaculty(selectedFaculty.getIdFaculty()) != null) {
this.showSpecialization = true;
} else {
JsfUtil.addSuccessMessage("faculties", "We don't have specializations for such faculty");
}
}
}
更新:
我发现了一些有趣的事情:
I've found out a few interesting things:
标签在
、
中不起作用,
、
.在这种情况下,render
属性中的错误值不会被注意到,但 event
属性的错误值会产生错误.
<f:ajax>
tag doesn't work at <h:link>
, <h:selectOneMenu>
, <h:button>
, <h:commandButton>
. In this cases incorrect values in render
attribute is not noticed, but incorrect value of event
attribute generate an error.
,
正确使用
推荐答案
要求 jsf.js
文件包含在 HTML .它包含执行 JSF ajax 魔术的所有 JS 函数.
The <f:ajax>
requires jsf.js
file being included in the HTML <head>
. It contains all JS functions for doing the JSF ajax magic.
要实现这一点,请确保您在主模板中使用
而不是 .然后 JSF 将自动包含必要的
元素,指向
jsf.js
.
To achieve this, ensure that you're using <h:head>
instead of <head>
in the master template. JSF will then automatically include the necessary <script>
element there pointing to jsf.js
.
<!DOCTYPE html>
<html lang="en"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<title>Look, with h:head</title>
</h:head>
<h:body>
Put your content here.
</h:body>
</html>
请注意,在一个像 Firefox 的 Web 开发者工具栏 和/或 Firebug 你应该立即注意到在 ajax 请求时像 jsf is undefined
这样的 JS 错误将被执行.这至少应该让人考虑一下.
Note that in a bit decent webbrowser with a bit decent webdeveloper toolset like Firefox's Web Developer Toolbar and/or Firebug you should immediately have noticed JS errors like jsf is undefined
when the ajax request is to be executed. That should at least have given something to think about.
更新:根据您的更新
我发现了一些有趣的事情:
I've found out a few interesting things:
标签在
、
中不起作用,
、
.在这种情况下,render
属性中的错误值不会被注意到,但 event
属性的错误值会产生错误.
<f:ajax>
tag doesn't work at <h:link>
, <h:selectOneMenu>
, <h:button>
, <h:commandButton>
. In this cases incorrect values in render
attribute is not noticed, but incorrect value of event
attribute generate an error.
,
正确使用
.
和
仅用于 GET 请求,而不用于 POST 请求.然而,它应该可以在
和
上正常工作.为简单起见,您在问题中省略了更多代码吗?您使用的是哪个 JSF 实现/版本?您是否在类路径中使用了正确的库?看样子你一定是搞砸了什么.
The <h:link>
and <h:button>
are intented for GET requests only, not POST requests. It should however work just fine on <h:selectOneMenu>
and <h:commandButton>
. Don't you have more code into the complete picture which you omitted from the question for simplicity? Which JSF impl/version are you using? Are you using the right libraries in classpath? It look like that you must really have messed up something.
为了说服你(和我自己),我刚刚创建了以下副本'n'paste'n'runnable testcase
To convince you (and myself) I just created the following copy'n'paste'n'runnable testcase
<!DOCTYPE html>
<html lang="en"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets"
>
<h:head>
<title>SO question 6089924</title>
</h:head>
<h:body>
<h:form>
<h:selectOneMenu value="#{bean.selected}">
<f:selectItem itemValue="#{null}" itemLabel="Select..." />
<f:selectItem itemValue="one" />
<f:selectItem itemValue="two" />
<f:selectItem itemValue="three" />
<f:ajax listener="#{bean.listener}" render="result" />
</h:selectOneMenu>
<h:commandButton value="commandButton" action="#{bean.submit}">
<f:ajax listener="#{bean.listener}" render="result" />
</h:commandButton>
<h:outputText id="result" value="#{bean.selected} #{bean.result}" />
<h:messages />
</h:form>
</h:body>
</html>
用这个豆
package com.example;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
import javax.faces.bean.ViewScoped;
import javax.faces.event.AjaxBehaviorEvent;
@ManagedBean
@ViewScoped
public class Bean implements Serializable {
private String selected;
private String result;
public void submit() {
System.out.println("submit");
}
public void listener(AjaxBehaviorEvent event) {
System.out.println("listener");
result = "called by " + event.getComponent().getClass().getName();
}
public String getSelected() {
return selected;
}
public void setSelected(String selected) {
this.selected = selected;
}
public String getResult() {
return result;
}
}
它在 Tomcat 7.0.12 上的 Mojarra 2.1.1 运行良好.
It runs fine with Mojarra 2.1.1 on Tomcat 7.0.12.
INFO: Starting Servlet Engine: Apache Tomcat/7.0.12
INFO: Initializing Mojarra 2.1.1 (FCS 20110408) for context '/playground'
这篇关于h:selectOneMenu 中的 f:ajax 监听器方法没有执行的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!