primefaces - 如何为节目中的咆哮添加效果？

Question

我有一个绑定的咆哮，我将它设置为在将用户添加到数据库后呈现，我希望这个咆哮有一个幻灯片动作，如下所示：

<p:outputPanel id="idMainGrowl">
<p:growl id="idGrowl" binding="#{myBean.growl}" life="700000" closeable="true" >
            <p:effect type="bounce" event="load" delay="0" >
                <f:param name="mode" value="'show'" />
              </p:effect>
                </p:growl>
</p:outputPanel>

但上面的代码不起作用，请指教。

Answer 1

我有一个小窍门给你。我遇到了同样的问题，并通过触发 jquery 事件来解决它，如下所示：

<p:growl id="idGrowl" life="3000" closeable="true"  >
        <h:outputScript>
            $("#idGrowl_container").effect("pulsate", { times:3 }, 2000);
        </h:outputScript>
    </p:growl>

您必须将效果应用于您的 id +“_container”。确保您的 jQuery 选择器指向 jsf 页面中正确生成的 id，因此请注意包含咆哮的 s。要应用反弹效果，只需对效果进行小的更改，如下所述： http: //api.jqueryui.com/bounce-effect/