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

Question

我想在页面加载时隐藏选定的渲染组件（例如：标签）。这使 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>

面板 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" />