Primefaces Selectonelistbox

by Online Tutorials Library July 14, 2022

PrimeFaces SelectOneListbox

It is an extended version of the standard selectOneListbox component. It is used to select one value from the list. PrimeFaces provides <p:selectOneListbox> component to create listbox. It is useful when we want to get user choice from the multiple options. It has various attributes that are tabled below.

SelectOneListbox 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	object	It is used to set an expression that maps to a server side UIComponent instance in a backing bean
value	null	object	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.
var	null	String	Name of iterator to be used in custom content display.
filter	false	boolean	Displays an input filter for the list.
filterMatchMode	null	String	Match mode for filtering, valid values are startsWith (default), contains, endsWith and custom.
filterFunction	null	String	Client side function to use in custom filterMatchMode.
caseSensitive	false	Boolean	Defines if filtering would be case sensitive.
scrollHeight	null	Integer	Defines the height of the scrollable area.

Example

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

JSF File

// listbox.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>Listbox</title>  </h:head>  <h:body>  <h:form>  <h:panelGrid columns=”2″ style=”margin-bottom:10px” cellpadding=”5″ columnClasses=”label, value”>  <p:outputLabel for=”sports” value=”Select a Sport:” />  <p:selectOneListbox id=”sports” value=”#{listBox.option}”>  <f:selectItem itemLabel=”Cricket” itemValue=”Cricket” />  <f:selectItem itemLabel=”Hocky” itemValue=”Hocky” />  <f:selectItem itemLabel=”Footbal” itemValue=”Footbal” />  </p:selectOneListbox>  </h:panelGrid>    <p:commandButton value=”Submit” update=”display” oncomplete=”PF(‘dlg’).show()” icon=”ui-icon-check” />  <p:dialog header=”Selected Sport” modal=”true” showEffect=”fade” widgetVar=”dlg” resizable=”false”>  <p:panelGrid columns=”2″ id=”display” columnClasses=”label,output”>  <h:outputText value=”#{listBox.option}” />  </p:panelGrid>  </p:dialog>  </h:form>  </h:body>  </html>  

ManagedBean

// ListBox.java

  package com.tutoraspire;  import javax.faces.bean.ManagedBean;  @ManagedBean  public class ListBox {  private String option;     public String getOption() {  return option;  }  public void setOption(String option) {  this.option = option;  }  }  

Output:

PrimeFaces Selectonelistbox 1
PrimeFaces Selectonelistbox 2

Next TopicPrimeFaces SelectManyButton

Primefaces Selectonelistbox

PrimeFaces SelectOneListbox

SelectOneListbox Attributes

Example

JSF File

ManagedBean

SSRS vs Power BI

Backtracking in Prolog

You may also like