PrimeFaces SelectOneButton

17 Mar 2025 | 阅读 2 分钟

它用于从按钮列表中选择单个项目。它创建项目列表作为按钮列表。因此，我们可以通过单击按钮来选择项目。 <p:selectOneButton> 组件用于在 JSF 应用程序中创建按钮列表。它具有下面列出的各种属性。

SelectOneButton 属性

属性	默认值	类型	描述
id	null	String	它是组件的唯一标识符
rendered	true	Boolean	它用于指定组件的渲染。
必需	false	Boolean	它用于将组件标记为必需。
converterMessage	null	String	它用于设置转换失败时显示的消息。
disabled	false	Boolean	它用于禁用组件。
label	null	String	它用于为组件设置标签。
onchange	null	String	它用于在值更改时调用脚本。
style	null	String	它用于设置组件的内联 CSS。
tabindex	0	String	它用于设置元素在制表顺序中的位置。
unselectable	true	Boolean	它用于取消选择组件。

皮肤

以下是结构样式类的列表；

样式类	应用
.ui-selectonebutton	它应用于主容器元素。

示例

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

JSF 文件

// oneButton.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>One Button</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
<h:outputText value="Select Smartphone: " />
<p:selectOneButton value="#{oneButton.option}">
<f:selectItem itemLabel="Samsung Galaxy" itemValue="Samsung Galaxy" />
<f:selectItem itemLabel="iPhone 7 Plus" itemValue="iPhone 7 Plus" />
<f:selectItem itemLabel="One Plus" itemValue="One Plus" />
</p:selectOneButton>
<p:commandButton value="Submit" update="display" icon="ui-icon-check" />
<p:spacer />
<h:outputText value="Selected:" />
<h:outputText id="display" value="#{oneButton.option}" style="font-weight: bold" />
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// OneButton.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class OneButton {
private String option;
public String getOption() {
return option;
}
public void setOption(String option) {
this.option = option;
}
}

输出

下一个主题PrimeFaces SelectOneRadio

PrimeFaces SelectOneButton

SelectOneButton 属性

皮肤

示例

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 SelectOneButton

SelectOneButton 属性

皮肤

示例

JSF 文件

ManagedBean

相关帖子

PF InputTextarea

PF Signature

PF SelectOneRadio

PF ConfirmDialog

PF ProgressBar

PF BooleanCheckbox

PF Layout

PF AutoComplete

PF Spinner

PF Rating

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器