PrimeFaces Mobile ImageSwitch無法正常顯示

Question

我正在Wildfly（v8.0）應用服務器上運行Primefaces Mobile（v5.0）開發JSF應用程序。我在faces-config.xml中設置默認渲染套件PrimeFaces移動這樣的：

<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移動這個組件？ 或者還有其他方法可以達到類似的效果嗎？

Answer 1

我正面臨同樣的問題。該問題似乎與faces-config中的默認渲染工具包聲明相關聯。我通過使用稱爲Cycle2的第三方jQuery插件解決了這個問題，它提供了類似的效果。由於PrimeFaces已包含jQuery，因此您只需將一個腳本添加到您的xhtml頁面即可。

只是看看網頁http://jquery.malsup.com/cycle2/

也有相當不錯的文檔和一些小樣。

也許這對你也有幫助。