0

我正在使用在 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 组件，它目前不是移动的。使用上面设置的渲染套件，它无法正确显示，但是如果我从 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 一起使用？或者有没有其他方法可以达到类似的效果？

4

1 回答 1

0

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

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

还有一个相当不错的文档和一些演示。

也许这对你也有帮助。

于 2014-06-16T07:36:44.223 回答