JSF2/Primefaces 布局性能答案

【问题标题】：JSF2 / Primefaces layout performanceJSF2/Primefaces 布局性能
【发布时间】：2010-08-04 09:35:29
【问题描述】：

现在我在我的 web 应用程序中使用完整的页面布局和 p:layoutUnits 和页面组合。我有一个带有菜单栏的固定标题和一个内容布局单元，仅此而已。它很容易设置，但是在 IE (7) 中，当我导航到新页面时，整个页面会重新加载（可见），标题会被清除然后加载，而且 - 更烦人的是 - 菜单栏会显示一秒钟菜单项可见。

在其他浏览器中，这种效果并不明显，遗憾的是，IE 7 是我的目标。

现在我正在考虑与 p:layoutUnits 说再见，并使用简单的 css 魔法和固定 div 来实现布局 - 它会改善 IE 中的显示吗？我还能做些什么来让它更快更顺畅吗？我希望它看起来像标题根本没有改变，只有内容。

使用 iframe 怎么样？是否允许可收藏的 URL？

【问题讨论】：

也许你应该只使用简单的 div。如果您有与 Primefaces 相关的问题，我建议您在 PrimeFaces 论坛中发帖：primefaces.prime.com.tr/forum 在那里您会得到快速而良好的答案（开发人员可以像我自己经历的那样对问题/请求持开放态度）
我认为这是一个更笼统的问题，我会在论坛上问一些更具体的问题。

标签： css jsf jsf-2 primefaces

【解决方案1】：

我知道这是一个老问题，但无论如何我都会抛出一个新答案......

PrimeFaces 3.0 <p:dataTable> 支持表内滚动。您为页面上的数据表设置了固定的高度和宽度，并在该框中使用滚动条呈现数据表。列页眉和页脚保持不变，您只需滚动行。他们刚刚在夜间快照构建中清理了一些格式错误，这些错误使<p:dataTable> 在 IE 7 中看起来很棒。对于那些（像我一样）必须支持旧 IE 浏览器的人来说，可能值得再看一下 PrimeFaces。

链接：PrimeFaces 3.0 Showcase (scrollable data table)

【讨论】：

表内滚动在 IE7 和 PF3.3 中不起作用。完全无法使用。

【解决方案2】：

我终于决定和 p:layout 说再见了。我有一张长桌，是屏幕大小的两到三倍。如果我把它放在一个可滚动的 layoutUnit 中，那么滚动就会很慢以至于真的很烦人（在 IE、Firefox 和 Chrome 中测试——同样慢）。也许这个小部件不适合这种用途（显示可滚动的长内容），但现在很明显，我必须进行适当的 CSS 设计并保留原始 DIV。

尽管如此，它非常适合快速组合一个可以向客户展示的应用程序 GUI。

【讨论】：

【解决方案3】：

对于那些在布局上苦苦挣扎的人，请遵循 BalusC 并使用简单的 divs/css 和 JSF 2.0 模板。我从 PrimeFaces 布局开始，永远无法让它用于复杂的设计。

http://www.mkyong.com/jsf2/jsf-2-templating-with-facelets-example/

【讨论】：