JSF 2 f:ajax Elementi İle Counter Örneği

Aşağıdaki JSF 2 ile f:ajax kullanarak yapılan basit bir counter örneği görülmektedir :

<h:form prependId="false"> 
 <h:commandButton action="#{ajax1Bean.increase}" value="Say"> 
  <f:ajax execute="@form" render="countId" /> 
 </h:commandButton> 
 <h:outputText id="countId" value="#{ajax1Bean.count}" /> 
</h:form>

Her düğmeye basılışta sayı bir arttırılmakta ve yazı alanında gösterilmektedir. @form ile tüm form yeniden server'a gönderilmekte , render özelliği ile countId yazı alanı tekrar render edilmektedir. Java bean aşağıdaki gibidir :

@ManagedBean(name = "ajax1Bean") 
@SessionScoped 
public class Ajax1Bean implements Serializable { 
 private int count; 
 public int getCount() { 
  return count; 
 } 
 public void setCount(int count) { 
  this.count = count; 
 } 
 public void increase() { 
  count++; 
 } 
}