JSF, ajax ile periyodik olarak bir bileşeni yenilemek?

Question

Bir uygulama JSF üzerinde çalışıyorum ve ajax Like facebook bildirim bölgesi davranışıyla düzenli olarak bir bileşeni yenilemek istiyorum. Bunu nasıl yapabilirim?

Answer 1

Anket Eğer belirli bir aralıkta

Anket bileşeni yapmak ajax çağrıları kullanmak zorunda şeydir.

Örneğin Primefaces Anket

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

Bağlantı çağıracağı js zamanlayıcı kullanmak Primefaces Ajax Poll

Saf JSF yaklaşım olacaktır vitrin periyodik document.getElementById('someFormId:idOfButton').click();

veya jquery $("#someFormId\\:idOfButton").click();

düğme l görünecek ike richfaces olarak zamanlayıcı JavaScript Timing Events

Answer 2

hakkında bu

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

Daha çok bu

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

şey de bir anket bileşeni vardır. İşte güzel bir örnek açıkça PrimeFaces sanki, ne bileşen kütüphaneleri tüm kullanımını söz eğer yararlı olacaktır gelecek sorulara ise

<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>