JSF/PrimeFacesコンポーネントを同時に読み込み/更新するには？

Question

WebアプリケーションでJSF 2.2、PrimeFaces 6、Spring Framework 4.3を使用しています。
ユーザーはログインした後にホームページにリダイレクトされます。ホームページにはいくつかの図や表などが読み込まれています。いくつかのリアルタイム情報が表示され、ホームページの読み込みに時間がかかります。私はユーザーがログインページで待つのが長すぎないようにしたい。

<h:form id="hiddenForm" style="display: none;"> 
    <p:remoteCommand name="onload" actionListener="#{homeMB.onload}" 
     update=":firstChartForm :secondChartForm :thirdChartForm" global="false"/> 
</h:form> 

そして、これはバッキングBeanのonloadの方法である：だから私はhereに述べたように、ページの読み込み後にチャートをロードするには、次のコードを使用

public void onload() { 
    fillFirstChart(); //Takes 5 seconds 
    fillSecondChart(); //Takes 1 second 
    fillThirdChart(); // Takes 3 seconds. 
} 

チャートは、これらの方法で充填して更新されますp:remoteCommandのupdateパラメータの助けが9秒かかります。これらのメソッドを同時に実行し、データがロードされるとすぐに対応するメソッドによって提供されるデータでこれらのチャートをそれぞれ更新したいと思います。

ユーザーがログインボタンをクリックするとすぐにホームページにリダイレクトする必要があります。まず、SecondChartを1秒で入力/更新し、2秒後にThirdChartで入力/更新し、最後に2秒後にFirstChartを埋める/更新する必要があります。だから、合計で約5秒かかるはずです。

編集：私は非同期的にチャートをロードするとき、JSFはそれらすべてを更新するための最も遅い1を待っているので This answerは私のために動作しません。 [OK]を、合計で9秒の代わりに5秒かかるが、私が述べたように "最初にSecondChartは1秒で満たされ/更新され、2秒後にThirdChartが更新/更新され、最後に2秒後にFirstChartは/更新しました"。しかし、最初の回答に記載されている方法を適用すると、すべてが5秒後に更新されます。

This answerが適用されます。私はすぐにユーザーがボタンをクリックし、ログインすると、サーバが収集し、グラフに件のデータをプッシュしhereを示したとして、彼らはRequestContext.getCurrentInstance().update("foo:bar");でBeanをバックアップから更新することができ、意味します。しかし、私はこれまでにもっと簡単な方法があると思っていました。なぜなら、以前にも多くの人が同様の問題に直面している可能性があるからです。

ありがとうございました。

Answer 1

は、ユーザーの要求に...少なくともない非同期Ajax呼び出しを起動せずに、UIをブロックし、その多くの力仕事をしないでください。 async="true"（p:remoteCommand上）のリモートコマンドを使用し、何が起こっているかをユーザに知らせて（たとえばp:pollを使用）、何らかのキャッシュ形式を追加します。または、注文を受け、スケジュールされた仕事がバックグラウンドで注文を処理し、完了したときにユーザーに報告する。

も参照してください：

• Spawning threads in a JSF managed bean for scheduled tasks using a timer
• How can I create an Asynchronous function in Javascript?
• jQuery asynchronous function call, no AJAX request