个性化阅读
专注于IT技术分析

PrimeFaces 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="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;
}
}

输出

PrimeFaces SelectOneRadio 1
PrimeFaces SelectOneRadio 2
赞(0)
未经允许不得转载:srcmini » PrimeFaces SelectOneRadio用法示例

评论 抢沙发

评论前必须登录!