jsf Ajax Integration Ajax on javascript event
Example
The date is updated whenever user types on the input field:
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:inputText>
<f:ajax event="keyup" render="output" />
</h:inputText>
<p>
<h:outputText id="output" value="Ajax date: #{bean.currentDate}" />
</p>
</h:form>
</h:body>
</html>
