2012-06-27 14 views
15

Sto lavorando su un'applicazione JSF e voglio aggiornare periodicamente un componente con ajax come il comportamento della zona di notifica di Facebook. Come posso farlo?JSF, aggiornare periodicamente un componente con ajax?

+5

Nelle domande future sarebbe utile se si menziona esplicitamente quale componente librerie tutto l'uso, come primefaces. Se non si menziona nulla, il JSF standard dovrebbe sempre essere assunto. – BalusC

risposta

30

sondaggio è quello che serve per utilizzare le chiamate ajax componente make

sondaggio in un intervallo specificato.

Per esempio primefaces sondaggio

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

link per mostrare Primefaces Ajax Poll

puro approccio JSF sarebbe quella di utilizzare il timer js che richiamerà periodico document.getElementById('someFormId:idOfButton').click();

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

mentre il pulsante apparirà l ike questo

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

qualcosa di simile

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

più su timer JavaScript Timing Events

+2

Sulla base della cronologia delle domande di OP, sta utilizzando PrimeFaces, quindi è un abito perfetto. – BalusC

5

In RichFaces c'è una componente sondaggio pure. Ecco un bel esempio they fornire

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