如何组合JSF togglePanel来触发其他div / element /的可见性?

时间:2010-07-15 17:19:25

标签: javascript jsf richfaces effect

我正在浏览许多网站,但我无法找到如何使用切换面板来更改其他元素的可见性。请参阅示例..

<rich:togglePanel switchType="client"
    stateOrder="panelOneOff, panelOneOn">
    <f:facet name="panelOneOff">
        <rich:toggleControl>
            <h:outputText value="Start"/>
        </rich:toggleControl>
    </f:facet>
    <f:facet name="panelOneOn">
        <rich:toggleControl switchToState="panelOneOff">
            <h:outputText value="Close"/>
        </rich:toggleControl>
    </f:facet>
</rich:togglePanel>


<rich:effect  name="hideDiv"  for="toggleAccordingToTheTogglePanel" type="Fade" />
<rich:effect  name="showDiv"  for="toggleAccordingToTheTogglePanel" type="Appear" />

<div id="toggleAccordingToTheTogglePanel">
    please show me on start and hide me on Close
</div>

哪些侦听器可以调用hideDiv()或showDiv()javascript函数,以便最后的DIV-Element出现或淡出?

update 使用richfaces 3.3.2 在jboss 5.1上运行

1 个答案:

答案 0 :(得分:1)

<rich:toggleControl onclick="hideDiv()">