如何使用 rich:effect 和 a4j:support 和 reRender答案

【问题标题】：How to use rich:effect with a4j:support and reRender如何使用 rich:effect 和 a4j:support 和 reRender
【发布时间】：2011-05-18 14:01:54
【问题描述】：

在我的 JSF 页面上，我根据复选框的值显示了一些内容。重新渲染此内容时，如何附加效果（如淡入和淡出）？有onRender之类的活动吗？

这是我目前得到的，但没有显示效果：

<t:selectBooleanCheckbox title="Yes" label="Yes" value="#{myBean.booleanValue}">
   <a4j:support ajaxSingle="true" event="onchange" reRender="panel"/
</t:selectBooleanCheckbox>

<t:div id="panel">
     <rich:effect name="hideDiv" for="myPanelGrid" type="Opacity" params="duration:0.8,from:1.0,to:0.1"/>
     <rich:effect name="showDiv" for="myPanelGrid" type="Opacity" params="duration:0.8,from:0.1,to:1.0"/>
   <t:panelGrid columns="2" rendered="#{myBean.booleanValue}" id="myPanelGrid">
...
...
...
   </t:panelGrid>
</t:div>

【问题讨论】：

标签： javascript jsf dom-events richfaces ajax4jsf

【解决方案1】：

你忘记的是事件属性。

<rich:effect event="onmouseout" name="hideDiv" for="myPanelGrid" type="Opacity" params="duration:0.8,from:1.0,to:0.1"/>

如果你愿意，你也可以通过 js 调用显示效果。

<rich:effect name="hideDiv" for="myPanelGrid" type="Opacity" params="duration:0.8,from:1.0,to:0.1"/>

<input type="button" onclick="hideDiv" value="Hide" />

更多细节可以在这里找到，Richfaces-demo

【讨论】：

umm.. 你在 hideDiv 调用后忘记了括号.. 所以它应该是