css - 如何更改 dependent on attribute opened? 的样式

Question

我想根据其“已打开”属性的值来设置我的样式。更具体地说:如果 opened==false 的值我想在打印输出中隐藏 simpleTogglePanel(即将样式设置为 display:none)。

所以像这样(伪代码):

<rich:simpleTogglePanel opened="false" styleClass="#{ if opened then regular else hidePrint}" />

这可能吗？如何？我正在使用 Richfaces 3.3.2.!

Answer 1

使用组件的渲染属性。

<rich:simpleTogglePanel rendered=#{bean.boolean} />

编辑

您的托管 bean 中应该有一个 bool 值属性，这样您就可以知道它是否打开了您的 togglePanel。所以像

@ManagedBean
@RequestScoped
public class Bean {
    private boolean opened;
    //setters and getters
}

然后在您的页面上像这样更改您的 togglePanel

<rich:simpleTogglePanel opened="#{bean.opened}" rendered="#{bean.opened}">

根据您是否要默认隐藏 togglePanel，将 bean 中的属性设置为 true 或 false。或者您可以在每次使用 Ajax 切换时隐藏它，将此行放在 simpleTogglePanel 标记中

 <p:ajax listener="#{bean.hidePanel}" update=":panel" />

将您的面板的 id 设置为 panel 并将方法 hidePanel 添加到您的面板，这只是将 boolean opened 设置为 false。编辑 - 它也应该在没有那个听众的情况下工作