我有一个基于下拉菜单的有条件呈现的字段。所有这些都没有问题,但是当我提交新呈现的组件应该是其中一部分的表单时,它没有被提交。
代码相当简单:
<h:form id="form">
<p:layout id="layout">
...
<p:layoutUnit id="layoutUnit">
...
<p:panel id="panel">
<p:outputPanel id="container1">
<p:selectOneMenu id="value1" value="#{bean.value1}">
<f:selectItem itemValue="1"/>
<f:selectItem itemValue="2"/>
<f:selectItem itemValue="3"/>
<f:selectItem itemValue="18"/>
<p:ajax event="change" update="container2"/>
</p:selectOneMenu>
</p:outputPanel>
<p:outputPanel id="container2">
<p:inputText id="value2"
value="#{bean.value2}"
rendered="#{bean.value1 eq 18}"
>
</p:inputText>
</p:outputPanel>
</panel>
<div id="buttons">
<p:commandButton id="commandButton" action="#{bean.save}" value="save" />
</div>
</layoutUnit>
</layout>
</form>
已尝试的解决方案:
- JSF的
- @ viewscope是不可用的,因为它与CDI冲突
- JSF动态渲染组件's值在提交表单时变为空
- 有条件渲染的输入组件不更新值
- commandButton/commandLink/ajax action/listener方法未调用或输入值未更新
我可以想到一些导致这种行为的场景:
- "渲染"似乎基于后台bean中的值重新评估,而不是UI中给出的新值(如果默认值为1,则在提交时还是1,而不是18)。因此,组件没有提交。
- 添加的组件没有正确添加到
- ?
我使用WAS8.5(所以JSF2.0), Primefaces和CDI。
使用CDI的@ConversationScoped除了@Named是一个解决方案。这个作用域的工作方式与JSF中的@ViewScoped相当。
为了让它工作,我简单地从这里的例子中添加了代码。简而言之:
Bean.java
@Named
@ConversationScoped
public class Bean implements Serializable{
@Inject
private Conversation conversation;
Bean values, getters & setters
public void initConversation(){
if (!FacesContext.getCurrentInstance().isPostback() && conversation.isTransient()) {
conversation.begin();
}
}
public String endConversation(){
if(!conversation.isTransient()){
conversation.end();
}
}
public String navigateAwayFromScreen(){
endConversation();
}
}
beanOutput.xhtml
<?xml version="1.0" encoding="UTF-8"?>
<!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:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:p="http://primefaces.org/ui"
xmlns:ui="http://java.sun.com/jsf/facelets">
<f:event listener="#{bean.initConversation}" type="preRenderView"/>
<h:form id="form">
<p:layout id="layout">
...
<p:layoutUnit id="layoutUnit">
...
<p:panel id="panel">
<p:outputPanel id="container1">
<p:selectOneMenu id="value1" value="#{bean.value1}">
<f:selectItem itemValue="1"/>
<f:selectItem itemValue="2"/>
<f:selectItem itemValue="3"/>
<f:selectItem itemValue="18"/>
<p:ajax event="change" update="container2"/>
</p:selectOneMenu>
</p:outputPanel>
<p:outputPanel id="container2">
<p:inputText id="value2"
value="#{bean.value2}"
rendered="#{bean.value1 eq 18}"
>
</p:inputText>
</p:outputPanel>
</panel>
<div id="buttons">
<p:commandButton id="commandButton" action="#{bean.navigateAwayFromScreen}" value="Go away!" />
</div>
</layoutUnit>
</layout>
</form>
</html>
现在,当您打开页面时对话开始(由于从beanOutput.xhtml顶部调用initConversation),并在单击按钮navigateAwayFromScreen时结束。
(但是,如果您能够使用JSF2.2,则应该可以将@ViewScoped与CDI结合使用。(我说"应该":我没有升级的条件。