如何使用rich：a4j效果：支持和reRender

Question

在我的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> 

Answer 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