Primefaces LightBox 减慢 LightBox 中打开的页面的加载速度答案

【问题标题】：Primefaces LightBox slows down loading of the page opened inside LightBoxPrimefaces LightBox 减慢 LightBox 中打开的页面的加载速度
【发布时间】：2012-06-27 11:27:49
【问题描述】：

我在我的应用程序中使用 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。

【问题讨论】：

如果您发布到 Stack Overflow 的任何问题的答案都可以接受，请点击答案旁边的复选标记。

标签： jsf-2 primefaces

【解决方案1】：

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

【讨论】：