comment utiliser rich: effect avec a4j: support et reRender

Question

Sur ma page JSF, je montre un contenu basé sur la valeur d'une case à cocher. Comment puis-je attacher un effet (comme un fondu entrant et sortant) lorsque ce contenu est rendu? Y a-t-il un événement comme onRender ou quelque chose?

Voici ce que j'ai obtenu jusqu'ici, mais l'effet n'est pas visible.

<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

Ce que vous avez oublié est la propriété d'événement.

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

Vous pouvez également afficher un effet avec un appel js si vous le souhaitez.

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

Vous trouverez plus de détails ici, Richfaces-demo