Primefaces Selectoneradio

by Online Tutorials Library July 14, 2022

PrimeFaces SelectOneRadio

It is used to choose a single item from a list of options. It is an extended version with theme integration. The <p:selectOneRadio> component is used to create list of radio buttons. It is useful when we want a single input from the user. It has various attributes that are listed below.

SelectOneRadio Attributes

Attribute	Default value	Type	Description
id	null	String	It is an unique identifier of the component.
rendered	true	Boolean	It is used to specify the rendering of the component.
value	null	Object	It is used to set value of the component referring to a List.
required	0	Boolean	It is used to mark component as required.
valueChangeListener	null	MethodExpr	It is used to refer a method for handling a value change event.
converterMessage	null	String	It is used to set message to be displayed when conversion fails.
disabled	false	Boolean	It is used to disable the component.
label	null	String	It is used to set label for the component.
layout	line Direction	String	It is used to set layout of the radio button.
columns	0	Integer	It is used to set number of columns in grid layout.
onchange	null	String	It is used to execute method on value change.
style	null	String	It is used to set inline CSS of the component.
tabindex	null	String	It specifies the tab order of element in tab navigation.
plain	false	Boolean	It displays plain mode of radiobuttons.

Example

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

JSF File

// oneRadio.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>OneRadio</title>  </h:head>  <h:body>  <h:form>  <h3 style=”margin-top:0″>PrimeFaces OneRadio Example</h3>  <h:panelGrid columns=”2″ style=”margin-bottom:10px” cellpadding=”5″>  <p:outputLabel value=”Select a Car:” />  <p:selectOneRadio id=”car” value=”#{oneRadio.car}”>  <f:selectItem itemLabel=”Marcedees Benz” itemValue=”Marcedees Benz” />  <f:selectItem itemLabel=”BMW” itemValue=”BMW” />  <f:selectItem itemLabel=”Tesla” itemValue=”Tesla” />  </p:selectOneRadio>  </h:panelGrid>  <p:commandButton value=”Submit” update=”display” icon=”ui-icon-check” oncomplete=”PF(‘dlg’).show()”/>  <p:dialog modal=”true” resizable=”false” widgetVar=”dlg” header=”Car Selected” showEffect=”clip”>  <p:panelGrid columns=”2″ id=”display” columnClasses=”label,value”>  <h:outputText value=”#{oneRadio.car}” />  </p:panelGrid>  </p:dialog>  </h:form>  </h:body>  </html>  

ManagedBean

// OneRadio.java

  package com.tutoraspire;  import javax.faces.bean.ManagedBean;  @ManagedBean  public class OneRadio {  private String car;  public String getCar() {  return car;  }  public void setCar(String car) {  this.car = car;  }  }  

Output:

Next TopicPrimeFaces Signature

Primefaces Selectoneradio

PrimeFaces SelectOneRadio

SelectOneRadio Attributes

Example

JSF File

ManagedBean

SSRS vs Power BI

Backtracking in Prolog

You may also like