jsf Ajax Integration Partially update the view
Example
Makes an ajax request and updates only part of the view.
Bean.java
@ManagedBean
@ViewScoped
public class Bean {
public Date getCurrentDate() {
return new Date();
}
}
sample.xhtml
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://xmlns.jcp.org/jsf/facelets">
<h:head />
<h:body>
<h:form>
<h:commandButton value="Execute ajax">
<f:ajax render="output" />
</h:commandButton>
<p>
<h:outputText id="output" value="Ajax date: #{bean.currentDate}" />
</p>
<p>
<h:outputText id="output2" value="Non-Ajax date: #{bean.currentDate}" />
</p>
</h:form>
</h:body>
</html>
