PrimeFaces SelectOneRadio用法示例 _SelectOneRadio

本文概述

SelectOneRadio属性
例子

它用于从选项列表中选择一个项目。它是带有主题集成的扩展版本。 < p：selectOneRadio> 组件用于创建单选按钮列表。当我们希望用户提供单个输入时, 这很有用。它具有下面列出的各种属性。
SelectOneRadio属性

Attribute	默认值	Type	Description
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的呈现。
value	null	Object	用于参考列表设置组件的值。
required	0	Boolean	用于根据需要标记组件。
valueChangeListener	null	MethodExpr	它用于表示处理值更改事件的方法。
converterMessage	null	String	用于设置转换失败时显示的消息。
disabled	false	Boolean	用于禁用组件。
label	null	String	用于设置组件的标签。
layout	line Direction	String	用于设置单选按钮的布局。
columns	0	Integer	它用于设置网格布局中的列数。
onchange	null	String	用于执行值更改的方法。
style	null	String	它用于设置组件的内联CSS。
tabindex	null	String	它指定选项卡导航中元素的选项卡顺序。
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="http://www.srcmini.com/Select a Car:" /> < p:selectOneRadio id="car" value="http://www.srcmini.com/#{oneRadio.car}"> < f:selectItem itemLabel="Marcedees Benz" itemValue="http://www.srcmini.com/Marcedees Benz" /> < f:selectItem itemLabel="BMW" itemValue="http://www.srcmini.com/BMW" /> < f:selectItem itemLabel="Tesla" itemValue="http://www.srcmini.com/Tesla" /> < /p:selectOneRadio> < /h:panelGrid> < p:commandButton value="http://www.srcmini.com/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="http://www.srcmini.com/#{oneRadio.car}" /> < /p:panelGrid> < /p:dialog> < /h:form> < /h:body> < /html>

ManagedBean
// OneRadio.java

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

【PrimeFaces SelectOneRadio用法示例】输出