PrimeFaces SelectManyButton

It is a multi select component using button user interface. The <p:selectManyButton> component is used to create multiple buttons. It is used to get user input by using buttons. We can create it in JSF application. It has various attributes that are tabled below.

ManyButton Attributes

Attribute	Default value	Return type	Description
id	null	String	It is an unique identifier of the component.
rendered	true	Boolean	It is used to render component. It takes boolean value.
binding	null	obejct	It is used to set an expression that maps to a server side UIComponent instance in a backing bean
value	null	obejct	It is used to set value of the component referring to a List.
converter	null	Converter/String	It is used to set text that defines a converter for the component.
required	false	Boolean	It is used to make component as required
widgetVar	null	String	It is a name of the client side widget.
disabled	false	Boolean	It is used to disable the component.
label	null	String	It is used to set user presentable name.
onchange	null	String	It is used to execute script on value change.
style	null	String	It is used to set inline CSS of the component.

Example

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

JSF File

// manyButton.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"
xmlns:f="http://xmlns.jcp.org/jsf/core">
<h:head>
<title>PrimeFaces ManyButton</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
<h:outputText value="Characters:" />
<p:selectManyButton value="#{manyButton.selectedValue}">
<f:selectItem itemLabel="j" itemValue="j" />
<f:selectItem itemLabel="a" itemValue="a" />
<f:selectItem itemLabel="v" itemValue="v" />
<f:selectItem itemLabel="a" itemValue="a" />
</p:selectManyButton>
<p:commandButton value="Submit" update="bol" icon="ui-icon-check" />
<p:spacer />
<h:outputText value="Selected:" />
<p:dataList id="bol" value="#{manyButton.selectedValue}" var="character" emptyMessage="No character selected">
<h:outputText value="#{character}" style="font-weight: bold" />
</p:dataList>
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// ManyButton.java

package com.javatpoint;
import java.util.List;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class ManyButton {
private List<String> selectedValue;
public List<String> getSelectedValue() {
return selectedValue;
}
public void setSelectedValue(List<String> selectedValue) {
this.selectedValue = selectedValue;
}
}

Output: