我正在尝试使用 JSF 通过几个步骤进行注册。一切都基于 f:ajax,因为不必重新加载页面。
当我按下“显示第一步”按钮时,结果就会出现。我按下“SecondStep”按钮,出现第二步。但是当我按下“第三步”按钮时,一切都消失了,我根本看不到任何步骤。“SecondStep”和“ThirdStep”按钮之间没有区别。我不知道为什么这段代码不起作用。
这是html:
<aside class="block">
<h:form id="newform">
<h:commandButton value="Show First Step">
<f:ajax event="action" render="-allContent -firstStepForm" listener="#{stateBean.ajaxShowFirstStep}"></f:ajax>
</h:commandButton>
</h:form>
<h:panelGroup id="allContent">
<h:panelGroup id="firstStep">
<ui:fragment rendered="#{stateBean.firstStep}">
<span>AAAA</span>
<h:form id="firstStepForm">
<h:commandButton value="SecondStep">
<f:ajax event="action" render="-allContent -secondStepForm" listener="#{stateBean.ajaxShowSecondStep}"></f:ajax>
</h:commandButton>
</h:form>
</ui:fragment>
</h:panelGroup>
<h:panelGroup id="secondStep">
<ui:fragment rendered="#{stateBean.secondStep}">
<span>BBBB</span>
<h:form id="secondStepForm">
<h:commandButton value="ThirdStep">
<f:ajax event="action" render="-allContent -thirdStepForm" listener="#{stateBean.ajaxShowThirdStep}"></f:ajax>
</h:commandButton>
</h:form>
</ui:fragment>
</h:panelGroup>
<h:panelGroup id="thirdStep">
<ui:fragment rendered="#{stateBean.thirdStep}">
<span>CCCC</span>
<h:form id="thirdStepForm">
<h:commandButton value="Finish">
<f:ajax event="action" render="-allContent" listener="#{stateBean.ajaxShowFinish}"></f:ajax>
</h:commandButton>
</h:form>
</ui:fragment>
</h:panelGroup>
<h:panelGroup id="finish">
<ui:fragment rendered="#{stateBean.finish}">
<span>FINISH!!!</span>
</ui:fragment>
</h:panelGroup>
</h:panelGroup>
</aside>
这是豆:
@ManagedBean(name = "stateBean")
@ViewScoped
@Getter
@Setter
public class StateSavingBean implements Serializable{
private static final long serialVersionUID = 5264945113749405548L;
private Boolean firstStep;
private Boolean secondStep;
private Boolean thirdStep;
private Boolean finish;
public StateSavingBean() {
}
public void ajaxShowFirstStep(AjaxBehaviorEvent event) {
setFirstStep(true);
setSecondStep(false);
setThirdStep(false);
setFinish(false);
}
public void ajaxShowSecondStep(AjaxBehaviorEvent event) {
setFirstStep(false);
setSecondStep(true);
setThirdStep(false);
setFinish(false);
}
public void ajaxShowThirdStep(AjaxBehaviorEvent event) {
setFirstStep(false);
setSecondStep(false);
setThirdStep(true);
setFinish(false);
}
public void ajaxShowFinish(AjaxBehaviorEvent event) {
setFirstStep(false);
setSecondStep(false);
setThirdStep(false);
setFinish(true);
}
}
如果我从 f:ajax 的渲染属性中删除“-allContent”,我将能够通过所有步骤直到完成,但不会隐藏前面和后面的步骤。
请帮我找到解决方案。
我在用着:
服务器:JBoss 应用服务器 7.1,
JSF:javax.faces-2.2.0-20130214.084242-247.jar
人脸配置:
<faces-config
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-facesconfig_2_2.xsd"
version="2.2">
</faces-config>
网络模块:3.0
一些答案:
在 web.xml 中更改了分隔符字符:
<context-param> <param-name>javax.faces.SEPARATOR_CHAR</param-name> <param-value>-</param-value> </context-param>
我尝试不使用 h:panelGroup id="allContent" 并且我只渲染了我想要隐藏的显示 panelGroup 以及我想要显示的下一个。结果是一样的。
我也尝试使用 MyFaces 2.1.10、Mojarra 2.0.3-FCS,结果是一样的。BalusC 写道,它可能是 JSF 2.2 中修复的错误,但我仍然有这个问题。
希望有人能帮助我。谢谢!