Primefaces SplitButton

by Online Tutorials Library July 14, 2022

PrimeFaces SplitButton

It is a button which displays a default command and additional ones in an overlay. It is used to provide multiple commands. The <p:splitButton> component is used to create splitButton in JSF application. The following table contains important attributes of this component.

SplitButton Attributes

Attribute	Default value	Type	Description
id	null	String	It is an unique identifier of the component.
value	null	String	It is used to set label for the button.
action	null	MethodE xpr/String	It is a method expression or a String outcome that?d be processed when button is clicked.
actionListener	null	MethodE xpr	It is used to set action listener.
type	submit	String	It sets the behavior of the button.
ajax	true	Boolean	It specifies the submit mode, when set to true(default), submit would be made with Ajax.
Async	false	Boolean	When set to true, ajax requests are not queued.
process	null	String	It sets component to process partially instead of whole view.
Update	null	String	It sets component to be updated with ajax.
onstart	null	String	It is used to execute client script before ajax request is begins.
global	true	boolean	It defines whether to trigger ajaxStatus or not.
delay	null	String	It is used to set delay time.
timeout	0	Integer	It is used to set timeout for the ajax request in milliseconds.
style	null	String	It is used to set inline CSS of the button element.

Example

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

JSF File

// splitButton.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>SplitButton</title>  </h:head>  <h:body>  <h:form>  <p:growl id=”messages” />  <p:splitButton value=”Save” actionListener=”#{splitButton.save}” update=”messages” icon=”ui-icon-disk”>  <p:menuitem value=”Update” actionListener=”#{splitButton.update}” update=”messages” icon=”ui-icon-arrowrefresh-1-w” />  <p:menuitem value=”Delete” actionListener=”#{splitButton.delete}” ajax=”false” icon=”ui-icon-close” />  <p:separator />  <p:menuitem value=”Homepage” url=”https://tutoraspire.com” icon=”ui-icon-extlink” />  </p:splitButton>  </h:form>  </h:body>  </html>  

ManagedBean

// SplitButton.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 SplitButton {  public void save(ActionEvent actionEvent) {  addMessage(“Data saved”);  }  public void update(ActionEvent actionEvent) {  addMessage(“Data updated”);  }  public void delete(ActionEvent actionEvent) {  addMessage(“Data deleted”);  }  public void addMessage(String summary) {  FacesMessage message = new FacesMessage(FacesMessage.SEVERITY_INFO, summary,  null);  FacesContext.getCurrentInstance().addMessage(null, message);  }  }  

Output:

PrimeFaces SplitButton 1
PrimeFaces SplitButton 2
PrimeFaces SplitButton 3

Next TopicPrimeFaces AccordionPanel

Primefaces SplitButton

PrimeFaces SplitButton

SplitButton Attributes

Example

JSF File

ManagedBean

SSRS vs Power BI

Backtracking in Prolog

You may also like