PrimeFaces SelectOneRadio

17 Mar 2025 | 阅读 2 分钟

它用于从选项列表中选择单个项目。它是具有主题集成的扩展版本。 <p:selectOneRadio> 组件用于创建单选按钮列表。当我们希望从用户那里获得单个输入时，它很有用。它具有下面列出的各种属性。

SelectOneRadio 属性

属性	默认值	类型	描述
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的渲染。
值	null	Object	它用于设置组件的值，引用列表。
必需	0	Boolean	它用于将组件标记为必需。
valueChangeListener	null	MethodExpr	它用于引用处理值更改事件的方法。
converterMessage	null	String	它用于设置转换失败时显示的消息。
disabled	false	Boolean	它用于禁用组件。
label	null	String	它用于为组件设置标签。
layout	line 方向	String	它用于设置单选按钮的布局。
columns	0	Integer	它用于设置网格布局中的列数。
onchange	null	String	它用于在值更改时执行方法。
style	null	String	它用于设置组件的内联 CSS。
tabindex	null	String	它指定元素在 Tab 导航中的 Tab 顺序。
plain	false	Boolean	它显示单选按钮的普通模式。

示例

在这里，在下面的示例中，我们正在实现 <p:selectOneRadio> 组件。此示例包含以下文件。

JSF 文件

// 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.javatpoint;
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;
}
}

输出

下一主题PrimeFaces 签名

PrimeFaces SelectOneRadio

SelectOneRadio 属性

示例

JSF 文件

ManagedBean

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

PrimeFaces 教程

PrimeFaces Ajax

UI 组件

面试题

PrimeFaces SelectOneRadio

SelectOneRadio 属性

示例

JSF 文件

ManagedBean

相关帖子

PF InputTextarea

PF Stack

PF Slider

PF InputSwitch

PF Inplace

PF SelectManyCheckbox

PF BooleanButton

PF Password

PF SelectOneButton

PF ProgressBar

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器