如何在加载时隐藏RichFaces组件？

Question

我想在页面加载时隐藏选定的渲染组件（例如：label）。 这使mi有机会在用户操作后（例如：当用户单击链接时）显示组件。

这是示例：

<a4j:outputPanel id="myPanel">
    <h:outputText value="Text 1" />
    <h:outputText value="Text 2" />
</a4j:outputPanel>
<a4j:commandLink ajaxSingle="true" onclick="#{rich:component('myPanel')}.show()">
    <h:outputText value="Show panel"/>
</a4j:commandLink>

Panel myPanel应该在开始时（页面加载后）隐藏，并且在用户单击链接时自动显示。

您能给我建议如何做吗？

谢谢，拉法尔

Answer 1

这是RichFaces论坛的解决方案，效果很好。

CSS：

.hideOnLoad {
    display: none;
}

页面片段：

<a4j:outputPanel id="myMessage" styleClass="hideOnLoad">
    <h:outputText value="This is my first message" />
    <h:outputText value="This is my second message" />
</a4j:outputPanel>
<br/>
<a4j:commandLink ajaxSingle="true"
    onclick="$('myMessage').removeClassName('hideOnLoad');"
    value="Show my message" />