jsf-2 - Primefaces LightBox 减慢 LightBox 中打开的页面的加载速度

Question

我在我的应用程序中使用 Primefaces LightBox 弹出窗口。我面临的问题是当我点击链接打开相应页面时，通过LightBox显示页面太慢了。加载需要更多时间。我该如何解决？

灯箱链接：

<p:lightBox style="display:inline">
    <a href="login.xhtml">Login&nbsp;&nbsp;</a>
</p:lightBox>

当我点击链接时，对应的页面login.xhtml是通过LightBox打开的。我正在使用 PrimeFaces 3.0 和 JSF 2.0。

Answer 1

查看 Dialog 组件以替代您的场景中的 LightBox。Dialog 可以复制 Lightbox 的弹出功能，并具有使登录页面模式化的附加功能（例如，您可以强制用户完成登录过程或关闭登录弹出窗口）。此外，与 LightBox 不同的是，Dialog 能够预渲染其内容，因此当 Dialog 弹出时，用户不会因为弹出框获取其内容而遇到任何 UI 延迟。注意，如果要将登录页面保存在单独的 xhtml 文件中，可以使用 Facelets 包含将其包含在 Dialog 组件中。