本文概述
它用于从选项列表中选择一个项目。它是带有主题集成的扩展版本。 <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="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.srcmini;
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;
}
}
输出
评论前必须登录!
注册