PrimeFaces Mobile ImageSwitch显示不正常

Question

我正在使用运行在Wildfly (v8.0)应用服务器上的Primefaces Mobile (v5.0)开发JSF应用程序。我已经将faces-config.xml中的默认渲染套件设置为PrimeFaces Mobile，如下所示:

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

我想使用PrimeFaces的ImageSwitch组件，它目前不是移动的。使用上面的render-kit设置，它不能正确显示，但如果我从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移动?或者是否有其他方法可以达到类似的效果?

Answer 1

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

看看主页http://jquery.malsup.com/cycle2/

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

也许这对你也有帮助