PrimeFaces Mobile ImageSwitch не отображается должным образом
Я разрабатываю приложение JSF с Primefaces Mobile (v5.0), работающим на сервере приложений Wildfly (v8.0). Я установил стандартный набор для рендеринга в моем face-config.xml для PrimeFaces Mobile следующим образом:
<default-render-kit-id>PRIMEFACES_MOBILE</default-render-kit-id>
Я хочу использовать компонент ImageSwitch PrimeFaces, который в настоящее время не является мобильным. С набором render-kit, как указано выше, он не отображается должным образом, но если я удаляю строку из моего лица-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? Или есть какой-то другой способ добиться подобного эффекта?
1 ответ
Я столкнулся с той же проблемой. Проблема, по-видимому, связана с объявлением набора визуализации по умолчанию в face-config. Я решил это с помощью стороннего плагина jQuery под названием Cycle2, который обеспечивает аналогичные эффекты. Поскольку в PrimeFaces уже включен jQuery, вам просто нужно добавить один скрипт на страницу xhtml.
Просто взгляните на домашнюю страницу http://jquery.malsup.com/cycle2/
Также есть неплохая документация и несколько демонстраций.
Может это тебе тоже поможет.