Primefaces CommandButton

by Online Tutorials Library July 14, 2022

PrimeFaces CommandButton

It is an extended version of standard h:commandButton of JSF. It includes ajax, partial processing and skinning features.

The <p:commandButton> component is used to create button in JSF application. It is useful when we want to perform action in web application.

This component has various attributes that are tabled below.

CommandButton Attributes

Attribute	Default value	Type	Description
rendered	true	Boolean	It is used to specify the rendering of the component.
value	null	String	It is used to set label for the button.
action	null	MethodExpr/String	It is used to set action when button is clicked.
actionListener	null	MethodExpr	It is used to set actionlistener that’d be processed when button is clicked.
type	submit	String	It sets the behavior of the button.
ajax	true	Boolean	It specifies the submit mode.
async	false	Boolean	When set to true, ajax requests are not queued.
process	null	String	It is used to process partially instead of whole view.
update	null	String	It is used for component to be updated with ajax.
global	true	Boolean	It defines whether to trigger ajaxStatus or not.
delay	null	String	It is used to set delay value.
partialSubmit	false	Boolean	It enables serialization of values belonging to the partially processed components only.
timeout	0	Integer	It is used to set timeout for the ajax request in milliseconds.

Example

Here, in the following example, we are implementing <p:commandButton> component. This example contains the following files.

JSF File

// commandButton.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>CommandButton</title>  </h:head>  <h:body>  <h:form>  <p:growl id=”growl” life=”3000″ />  <p:commandButton value=”Click here” id=”ajax” update=”growl” actionListener=”#{commandButton.commandButtonAction}” styleClass=”ui-priority-primary” />  </h:form>  </h:body>  </html>  

ManagedBean

// CommandButton.java

  package com.tutoraspire;  import javax.faces.application.FacesMessage;  import javax.faces.bean.ManagedBean;  import javax.faces.context.FacesContext;  import javax.faces.event.ActionEvent;  @ManagedBean  public class CommandButton {  public void commandButtonAction(ActionEvent actionEvent) {  addMessage(“You just clicked Button”);  }  public void addMessage(String summary) {  FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary,  null);  FacesContext.getCurrentInstance().addMessage(null, message);  }  }  

Output:

PrimeFaces CommandButton 1
PrimeFaces CommandButton 2

Next TopicPrimeFaces CommandLink

Primefaces CommandButton

PrimeFaces CommandButton

CommandButton Attributes

Example

JSF File

ManagedBean

SSRS vs Power BI

Backtracking in Prolog

You may also like