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/

Также есть неплохая документация и несколько демонстраций.

Может это тебе тоже поможет.

Другие вопросы по тегам