Как добавить эффекты JS при рендеринге деталей AJAX в JSF2?

Question

В JSF2 я могу обновить часть представления с помощью AJAX. Я предполагаю, что часть дерева компонентов просто генерируется / обновляется на сервере, отображается в HTML, и этот HTML отправляется клиенту. Затем вставляется в DOM, где это необходимо.

Это работает, но мне интересно, могу ли я добавить какой-либо эффект jQuery (или другой JS), когда я хочу, чтобы эта новая HTML-часть появилась? Что, если я хочу это, например исчезать? Я могу это сделать? Как?

Answer 1

Это просто, если вы используете Primefaces:

http://www.primefaces.org/showcase/ui/effects.jsf

В противном случае вы можете использовать атрибут onevent тега f:ajax, который принимает имя функции Javascript в качестве значения,Эта функция будет вызываться три раза во время запроса AJAX: с begin, complete и success, установленными в поле состояния параметра функции.

Для получения дополнительной информации см. Страницу 355 «Java Server Faces 2.0 - Полная справка».

Рабочий пример можно посмотреть здесь:

http://www.ibm.com/developerworks/java/library/j-jsf2fu3/index.html

ОБНОВЛЕНИЕ: Из руководства пользователя Primefaces:

Эффекты также можно применять к любому компоненту JSF при первой загрузке страницы или после завершения запроса AJAX.Следующий пример анимирует сообщения с пульсирующим эффектом после запроса ajax.

<p:messages id="messages"> 
    <p:effect type="pulsate" event="load"> 
        <f:param name="mode" value="'show'" /> 
    </p:effect>
</p:messages> 
<p:commandButton value="Save" actionListener="#{bean.action}" update="messages"/>