<h:selectOneMenu> 的值未正确提交

Question

在我的应用程序中，我有以下代码：

<h:form>
    <h:panelGrid id="initPanel" columns="3">
        <h:outputLabel for="type" value="*Type: " />
        <h:selectOneMenu label="type" id="type" value="#{createNews.type}"
                         required="true" requiredMessage="Type is required.">
            <f:ajax render="typePanel" />
            <f:selectItem noSelectionOption="true" itemLabel="Choose one..." />
            <f:selectItem itemValue="Article" itemLabel="Article" />
            <f:selectItem itemValue="Video"   itemLabel="Video" />
        </h:selectOneMenu>
        <p:message for="type" />

        <h:outputLabel for="title" value="*Title: " />
        <p:inputText label="title" id="title" 
                     value="#{createNews.news.title}" 
                     required="true" requiredMessage="Title is required." />
        <p:message for="title" />
    </h:panelGrid>

    <h:panelGroup id="typePanel">
        <h:panelGrid rendered="#{createNews.type == 'Article'}" columns="1">
            <h:panelGrid columns="2">
                <h:outputLabel for="content" value="*Content: " />
                <p:message id="contentMsg" for="content" />
            </h:panelGrid>

            <p:editor id="content" value="#{createNews.news.content}" width="580" />
        </h:panelGrid>

        <h:panelGrid rendered="#{createNews.type == 'Video'}" columns="3">
            <h:outputLabel for="embedCode" value="*Embed code: " />
            <p:inputText label="embedCode" id="embedCode" 
                         value="#{createNews.news.embedCode}" />
            <p:message for="embedCode" />
        </h:panelGrid>
    </h:panelGroup>

    <p:commandButton value="Confirm" update="initPanel typePanel" actionListener="#{createNews.createNews}" />

</h:form>

这是托管 bean：

@Named(value = "createNews")
@RequestScoped
public class CreateNews {
    private Integer type;
    private News    news;

    public void createNews() {...}

    // Getters and Setters
}

当我选择Article 或Video 时，对应部分在typePanel 中正确呈现。在下面的示例中，我选择了Video 并渲染了Embed code 部分。

但是，当我点击Confirm 时，之前渲染的部分突然消失了。

不知何故，我的托管 bean 的 type 属性没有收到 <h:selectOneMenu> 的值。

如果您能给我一些建议，我将不胜感激。

最好的问候，

Answer 1

这个问题是由以下2个事实引起的：

• 在每个请求（包括 ajax 请求）上都会创建一个请求范围的 bean。
• 如果一般验证失败，模型值不会更新。

当您更改下拉列表时，您正在创建一个请求范围的 bean，其中设置了 rendered 属性的正确属性。但是请求范围的bean当然会在请求结束时被丢弃。当您提交确认按钮时，会创建一个全新的请求范围 bean，所有属性都设置为默认值，这些属性由于一般验证失败而未更新，这就是 rendered 属性评估回 false 的原因。

将 bean 放在 JSF 视图范围或 CDI 会话范围中应该可以解决这个问题。

另一种方法是将下拉列表绑定到当前视图范围内的UIInput，并改为通过其UIInput#getValue() 评估所选值。

<h:selectOneMenu ... binding="#{type}">
...
<h:panelGrid rendered="#{type.value == 'Article'}">
...
<h:panelGrid rendered="#{type.value == 'Embed'}">

另见：

• How to choose the right bean scope?