0

みんな！タブビューとパネルで構成されたページを書いています。A には 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>

そのため、このページには多くの html および js コードが含まれています。ページのパフォーマンスはひどいもので、チェックボックスをクリックしたときの応答も非常に遅いです! しかし、レイアウトはシステム ユーザーにとって便利です。ユーザーが A1 ページで作業する、他のページが読み込まれない、または他のタブ ページが読み込まれないという効果を達成する方法はありますか。前もって感謝します！

4

1 に答える 1

1

Primefaces のパネル (例: Yahoo UI パネル) のパフォーマンスがひどいことを確認できます。

代わりにできることは、従来の HTML + CSS を使用して、各タブに個別のページを用意することです。これは、単にページにドロップするよりも少し手作業ですp:panelが、最終的には本当に効果があります.

「良い設計」とは思えないことは承知していますが、JSF アプリケーションはリッチ クライアント GUI というよりは Web ページに似ているため、設計の原則は異なります。少なくともそれが私の経験です。Web デザイナーの帽子をかぶると、JSF + Primefaces は非常にうまく機能し、私の期待どおりの非常に高速なソリューションになりました。

于 2011-04-18T13:57:18.623 に答える