使用支持 bean 隐藏/显示组件 [重复]答案

【问题标题】：Hide/Show component with backing bean [duplicate]使用支持 bean 隐藏/显示组件 [重复]
【发布时间】：2016-10-21 13:25:21
【问题描述】：

我有一个要显示的项目列表，我想限制用户在这组项目全部显示后点击 ShowMore 按钮。

我的代码：

<div class="row center">
    <h:commandButton id="morebutton" rendered="#{homeBean.hasMoreProjects()}" styleClass="hoverable btn-large yellow lighten-2 black-text" value="SHOW MORE" >
        <f:ajax listener="#{homeBean.showMore()}" render="result morebutton" />
    </h:commandButton>
</div>

这里的问题是当项目列表全部显示时按钮不会隐藏，但是当我刷新整个页面时它会隐藏。

检查按钮时如何检查方法？

任何帮助将不胜感激，谢谢

编辑 1：

这个问题与Ajax update/render does not work on a component which has rendered attribute 的问题略有不同，这个问题说明了 commandLink 按钮针对按钮本身以进行隐藏/显示渲染，其中链接的问题是针对输入表单

【问题讨论】：

标签： jsf conditional-rendering ajax-update

【解决方案1】：

你总是需要在 jsf2 中渲染父组件，这应该可以工作：

<a4j:outputPanel id="morebuttonPanel" styleClass="row center">
    <h:commandButton id="morebutton" rendered="#{homeBean.hasMoreProjects()}" styleClass="hoverable btn-large yellow lighten-2 black-text" value="SHOW MORE" >
        <f:ajax listener="#{homeBean.showMore()}" render="result morebuttonPanel" />
    </h:commandButton>
</a4j:outputPanel>

【讨论】：

非常感谢！它现在就像魅力一样！