带背景的隐藏/显示组件

Question

我有一个要显示的项目列表，其中我想限制用户在所有项目都显示时单击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按钮靶向按钮本身隐藏/显示渲染，其中来自该链接的问题是针对输入表单

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