Primefaces：是否有任何 p:effect 可以在 Glassfish 上工作

Question

这是我的代码。当我点击链接Comment时，会出现inputTextarea和commandButton

    <h:outputLink id="link" value="javascript:void(0)">
            <h:outputText value="Comment"/>
            <p:effect type="fade" event="click" for="reply">
                <f:param name="mode" value="'show'"/>
            </p:effect>
        </h:outputLink>
        <h:panelGrid id="reply" style="display:none;">
            <h:inputTextarea id="keyword" rows="2" /> &nbsp;                
        </h:panelGrid>
    </h:outputLink>

当我点击链接时，似乎什么也没有发生，什么也没有出现。任何想法。我在 Glassfish 上运行它。 primeface.org 的展示在 Tomcat 下运行。

Answer 1

有两个问题：

首先，根据PrimeFaces User Guide，不支持appear效果。

以下是 PrimeFaces 支持的效果列表。

• 盲人
• 剪辑
• 放下
• 爆炸
• 折叠
• 噗
• 幻灯片
• 规模
• 弹跳
• 高亮
• 脉动
• 摇晃
• 尺寸
• 转让

所以把p:effect改成：

<p:effect type="blind" event="click" for="reply">
    <f:param name="mode" value="'show'" />  
</p:effect>

其次，生成的链接源告诉如下：

<a href="javascript:void(0)">Comment<script type="text/javascript">
YAHOO.util.Event.addListener('j_idt6:j_idt7', 'click', function(e) {
  jQuery(PrimeFaces.escapeClientId('j_idt6:reply')).effect('blind',{mode:'show'},1000);
});</script></a>

客户端 ID j_idt6:j_idt7 不会出现在源代码中的任何位置。它必须是链接本身。因此，将id 添加到h:outputLink 应该可以解决它。看起来像 PrimeFaces 中的错误。