JSF中的条件渲染[重复]

Question

您好，我有以下代码可以有条件地在我的页面中呈现组件：

<h:commandButton action="#{Bean.method()}"  value="Submit">
   <f:ajax execute="something" render="one two" />
</h:commandButton>

<p><h:outputFormat rendered="#{Bean.answer=='one'}" id="one" value="#{messages.one}"/></p>
<p><h:outputFormat rendered="#{Bean.answer=='two'}" id="two" value="#{messages.two}"/></p>

它得到答案并呈现组件，但为了在我的页面上看到它，我需要刷新页面。我如何解决这个问题？有什么建议吗？

Answer 1

style="visibility: #{questionchoose.show==false ? 'hidden' : 'visible'}"

Answer 2

我知道这不是问题的中心，但由于我过去多次遇到这个问题，我只是把它贴在这里，以帮助其他需要帮助的人。对于那些使用PrimeFaces的人来说，PrimeFaces扩展中有一个叫做Switch的组件。

有时，您需要根据值显示不同的输出或组件。通常，您可以通过使用ui： frame标签来实现这一点。使用pe： switchutil标签，您将不必声明ui： frame标签，并使用不同的检查，例如ui： fra审视="#{！空的一些ontroller.value}"。

Answer 3

JSF组件的渲染属性是一个服务器端设置，用于控制JSF是否应生成所需的HTML。

<代码>

然而，由于您指定的是一个HTML元素的客户端ID，而JSF从未呈现该元素（由于呈现的是false），JavaScript在HTML DOM树中找不到它。

您需要将其包装在容器组件中，该组件始终呈现，因此在HTML DOM树中始终可用。

<h:commandButton action="#{Bean.method()}"  value="Submit">
   <f:ajax execute="something" render="messages" />
</h:commandButton>

<p>
    <h:panelGroup id="messages">
        <h:outputFormat rendered="#{Bean.answer=='one'}" value="#{messages.one}"/>
        <h:outputFormat rendered="#{Bean.answer=='two'}" value="#{messages.two}"/>
    </h:panelGroup>
</p>

与具体问题无关，您可能存在设计错误。为什么不创建一个#{Bean.message}属性，用动作方法中所需的消息设置该属性，以便只使用：

<h:commandButton action="#{Bean.method()}"  value="Submit">
   <f:ajax execute="something" render="message" />
</h:commandButton>

<p>
    <h:outputFormat id="message" value="#{Bean.message}" />
</p>