Я использую Primefaces 3.2 с jsf 2 и glassfish 3.1.2.

У меня есть p: dataTable пользователей, содержащих аватары пользователя. Всякий раз, когда пользователь наводит указатель мыши на аватар, появляется p: overlayPanel с дополнительной информацией (загруженной лениво) о пользователе, и исчезает, когда пользователь перемещает курсор в сторону - например, так:

<p:overlayPanel for="avatar" dynamic="true" showEvent="mouseover" hideEvent="mouseout" ...>

Это работает очень хорошо - до тех пор, пока пользователь является «медленным». Всякий раз, когда пользователь перемещает курсор быстро над многими аватарами, многие из оверлейных панелей остаются видимыми. Например, когда пользователь наводит курсор на положение, где отображаются аватары пользователя, и использует колесо прокрутки своей мыши для прокрутки пользовательской таблицы вниз или вверх.

Я считаю, что оверлейная панель начинает загружать информацию динамически (dynamic="true") с сервера, когдаshowEvent="mouseover" отправляется и отображает оверлейную панель после получения ответа от сервера. Таким образом, невозможно определить, находится ли курсор уже подальше, когда оверлейная панель становится видимой, поэтомуhideEvent="mouseout" никогда не отправляется.

Есть ли способ сделать так, чтобы основная часть оверлейной панели появлялась непосредственно на mousover, показывая загрузочный gif и обновляя содержимое в оверлейную панель, когда ответ приходит с сервера.

Это хорошая оценка или кто-нибудь знает какой-нибудь другой способ решить эту неприятную проблему?

Спасибо Пит