web-dev-qa-db-ja.com

JSF、定期的にコンポーネントをajaxで更新しますか？

私はアプリケーションJSFに取り組んでおり、ajax Like facebook通知ゾーンの動作でコンポーネントを定期的に更新したいと思います。どうやってやるの？

ajaxjsfnotificationsrefresh
15
Potinos

世論調査はあなたが使用する必要があるものです

ポーリングコンポーネントは、指定された間隔でajax呼び出しを行います。

たとえばPrimefaces Poll

_<h:form id="form">
    <h:outputText id="txt_count" value="#{counterBean.count}" />
    <p:poll interval="3" listener="#{counterBean.increment}" update="txt_count" />
</h:form>
_

ショーケースへのリンク Primefaces Ajax Poll

純粋なJSFアプローチは、定期的なdocument.getElementById('someFormId:idOfButton').click();を呼び出すjsタイマーを使用することです。

またはjquery $("#someFormId\\:idOfButton").click();

ボタンはこのようになりますが

_<h:commandButton id="idOfButton">
    <f:ajax render="txt_count"></f:ajax>
</h:commandButton>
_

このようなもの

_setInterval(function(){$("idOfButton").click()},3000);
_

タイマーの詳細 JavaScriptタイミングイベント

31
Daniel

RichFacesには投票コンポーネントもあります。ここに素敵な例があります they 提供

<a4j:region>
      <h:form>
            <a4j:poll id="poll" interval="1000" enabled="#{userBean.pollEnabled}" reRender="poll,grid"/>
      </h:form>
</a4j:region>

<h:form>
      <h:panelGrid columns="2" width="80%" id="grid">
           <h:panelGrid columns="1">
                <h:outputText value="Polling Inactive" rendered="#{not userBean.pollEnabled}" />
                <h:outputText value="Polling Active" rendered="#{userBean.pollEnabled}" />
                <a4j:commandButton style="width:120px" id="control" value="#{userBean.pollEnabled?'Stop':'Start'} Polling" reRender="poll, grid">  
                     <a4j:actionparam name="polling" value="#{!userBean.pollEnabled}" assignTo="#{userBean.pollEnabled}"/>
                </a4j:commandButton>
          </h:panelGrid>
          <h:outputText id="serverDate" style="font-size:16px" value="Server Date: #{userBean.date}"/>
    </h:panelGrid>
</h:form>
5
simgineer