Question

大家好！我正在编写一个包含tabview和面板的页面。 A xhtmls中有几个面板。

   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>

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

Answer 1

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

所以你可以做的是使用经典的HTML + CSS，并为每个标签分别设置一个页面。与在网页上简单地删除p:panel相比，这是一个更多的手动工作，但它最终会得到回报。

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

如何将大页面拆分成小块并保持页面的布局？

1 个答案: