Jsf 如何将一个大页面分割成小块，并保持页面的布局？

各位!！我正在写一个包含tabview和面板的页面。在类似XHTML的应用程序中有几个面板

   Tabview.xhtml:
       <p:tabView>
            <p:tab title="1">
               <ui:include src="/Apanel.xhtml"/>
            </p:tab>
            <p:tab title="2">
               <ui:include src="/Bpanel.xhtml"/>
            </p:tab>
            <p:tab title="3">
               <ui:include src="/Cpanel.xhtml"/>
            </p:tab>
            <p:tab title="4">
               <ui:include src="/Dpanel.xhtml"/>
            </p:tab>
            <p:tab title="5">
               <ui:include src="/Epanel.xhtml"/>
            </p:tab>
        </p:tabView>

    Apanel.xhtml:
      <p:panel>
         <ui:include src="/A1.xhtml"/>
      </p:panel>
      <p:panel>
         <ui:include src="/A2.xhtml"/>
      </p:panel>

Tabview.xhtml:
Apanel.xhtml：

---

所以这个页面有很多html和js代码。页面的性能很差，甚至点击复选框的响应也很慢！但布局对系统用户来说很方便。是否有任何方法可以实现用户在A1页面上工作、其他页面不加载或其他选项卡页面不加载的效果。提前谢谢

我可以确认Primefaces的面板（如Yahoo UI面板）的性能非常糟糕

因此，您可以改为使用经典的HTML+CSS，并为每个选项卡设置单独的页面。这比简单地把

p:panel

放到你的页面上要多一些手工工作，但最终还是会有回报的

---

我知道这听起来不像“好的设计”，但JSF应用程序更像是一个网页，而不是一个富客户端GUI——因此设计原则是不同的。至少这是我的经验——一旦我戴上我的webdesigner帽子，JSF+Primefaces就成为了一个闪电般的解决方案，它工作得非常好，符合我的期望。

感谢您的回复！我已经看到了“p:panel”生成的html代码，只使用div+css。我不知道为什么这个组件会造成噩梦。尽管如此，我试图为每个选项卡分隔页面，但却引发了另一个问题。你能再次给我一个答案吗？