我使用的是Primefaces 3.2和jsf 2以及glassfish 3.1.2.
我有ap:dataTable用户包含用户的头像.每当用户将鼠标移动到头像上时,ap:overlayPanel会在用户上显示更多信息(延迟加载),并在用户将光标移开时消失 - 如下所示:
<p:overlayPanel for="avatar" dynamic="true" showEvent="mouseover" hideEvent="mouseout" ...>
这非常有效 - 只要用户"缓慢".每当用户将光标快速移动到许多化身上方时,许多overlayPanel都会保持可见.例如,当用户将光标悬停在显示用户头像的位置上时,使用鼠标的滚轮向下或向上滚动用户.
我相信overlaypanel 会在调度dynamic="true"时从服务器动态加载信息(),并在服务器showEvent="mouseover"响应到达后显示overlaypanel.这样,当overlaypanel变得可见时,无法检测光标是否已经离开 - 因此hideEvent="mouseout"永远不会调度.
有没有办法让primefaces overlaypanel直接显示在mousover上,显示加载gif并在响应来自服务器时将内容更新到overlaypanel.
这是一个很好的appraoch或有没有人知道任何其他方式来解决这个讨厌的问题？
谢谢皮特