Primefaces Ajax Event

by Online Tutorials Library July 14, 2022

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.tutoraspire;  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:

After entering value, Ajax event triggers and provides the following output:

Next TopicPrimeFaces Ajax Listener

Primefaces Ajax Event

PrimeFaces Ajax Event

JSF File

Managed Bean

SSRS vs Power BI

Backtracking in Prolog

You may also like