Question

我正在开发一个在Wildfly（v8.0）Application Server上运行的Primefaces Mobile（v5.0）的JSF应用程序。我已将faces-config.xml中的默认render-kit设置为PrimeFaces Mobile，如下所示：

<default-render-kit-id>PRIMEFACES_MOBILE</default-render-kit-id>

我想使用当前不可移动的PrimeFaces的ImageSwitch组件。使用上面设置的渲染工具包它没有正确显示，但如果我从faces-config.xml中删除该行，它就可以正常工作。

这是我的ImageSwitch组件代码：

<p:imageSwitch effect="fade" id="fadeEffect">
   <ui:repeat value="#{userBean.currentUser.images}" var="image" id="fadeEffectImages">
      <p:graphicImage name="/fileDb/#{image.filename}" id="image" />
   </ui:repeat>
</p:imageSwitch>

有没有办法在PrimeFaces Mobile中使用此组件？或者还有其他方法可以达到类似的效果吗？

Answer 1

我遇到了同样的问题。该问题似乎与faces-config中的默认渲染工具包声明有关。我通过使用名为Cycle2的第三方jQuery插件解决了这个问题，它提供了类似的效果。由于PrimeFaces已经包含了jQuery，你只需要在xhtml页面添加一个脚本。

只需查看首页http://jquery.malsup.com/cycle2/

即可

还有一个非常好的文档和一些演示。

也许这对你有帮助。

PrimeFaces Mobile ImageSwitch无法正常显示

1 个答案: