2

在我的应用程序中,我有以下代码:

<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
}

当我选择ArticleorVideo时,相应的部分会正确呈现在typePanel. 在下面的示例中,我选择VideoEmbed code渲染了该部分。

嵌入代码部分正确呈现。

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

嵌入代码部分消失了!

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

如果您能给我一个建议,我将不胜感激。

此致,

4

1 回答 1

1

这个问题是由以下两个事实引起的:

  • 在每个请求(包括 ajax 请求)上都会创建一个请求范围的 bean。
  • 在一般验证失败的情况下,模型值不会更新。

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

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

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

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

也可以看看:

于 2012-06-15T14:14:34.570 回答