PrimeFaces Ajax Event

This attribute is used to trigger event on the specified method. We can pass onclick, keyup etc events in this attribute.

Default client side event for input component is onchange. We can override it by using event attribute. In following example, Ajax request is triggered when key is up on input field.

JSF File

// ajax-event.xhtml

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://xmlns.jcp.org/jsf/html"
xmlns:p="http://primefaces.org/ui">
<h:head>
<title>Ajax Event Example</title>
</h:head>
<h:body>
<h2>Ajax Event Example</h2>
<h:form>
<h:panelGrid columns="3" cellpadding="5">
<h:outputText value="KeyUp Event: " />
<p:inputText id="firstname" value="#{user.name}" placeholder="Enter Text">
<p:ajax event="keyup" update="out" />
</p:inputText>
<h:outputText id="out" value="#{user.name}" />
</h:panelGrid>
</h:form>
</h:body>
</html>

Managed Bean

// User.java

package com.javatpoint;
import java.io.Serializable;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class User implements Serializable{
String name;
String lastName;
public String getName() {
return name;
}
public void setName(String name) {
this.name = name;
}   
public String getLastName() {
return lastName;
}
public void setLastName(String lastName) {
this.lastName = lastName;
}

}

Output: