PrimeFaces SelectManyCheckbox

17 Mar 2025 | 阅读 2 分钟

它用于从给定的选项中选择多个值。当我们需要从集合中获取多个用户输入时，它非常有用。我们可以在 JSF 应用程序中使用 <p:selectManyCheckbox> 组件来创建 SelectManyCheckbox。

它具有下面表格中的各种属性。

ManyButton 属性

属性	默认值	返回类型	描述
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于指定组件的渲染。
值	null	对象	它用于设置组件的值。
必需	false	Boolean	它用于将组件标记为必需。
requiredMessage	null	String	它用于设置必填字段验证失败时显示的消息。
disabled	false	Boolean	它用于禁用组件。
label	null	String	它用于设置用户可呈现的名称。
layout	lineDirection	String	用于设置复选框的布局。
columns	0	Integer	用于指定网格布局中的列数。
onchange	null	String	用于在值更改时执行脚本。
style	null	String	它用于设置组件的内联 CSS。
tabindex	null	String	用于设置组件在制表位顺序中的位置。

皮肤

下表包含 SelectManyCheckbox 的结构样式类。

样式类	应用
.ui-selectmanycheckbox	它应用于主容器元素。
.ui-chkbox	它应用于复选框的容器。
.ui-chkbox-box	它应用于复选框图标的容器。
.ui-chkbox-icon	它应用于复选框图标。

示例

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

JSF 文件

// selectManyCheckbox.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>Primefaces ManyCheckBox</title>
</h:head>
<h:body>
<h:form>
<h3 style="margin-top:0px">Select Courses</h3>
<p:selectManyCheckbox id="basic" value="#{manyCheckBox.selectedCourse}">
<f:selectItem itemLabel="J2SE" itemValue="J2SE" />
<f:selectItem itemLabel="Servlet" itemValue="Servlet" />
<f:selectItem itemLabel="Spring" itemValue="Spring" />
</p:selectManyCheckbox>
<br/>
<p:commandButton value="Submit" update="display-courses" oncomplete="PF('dlg').show()" icon="ui-icon-check" />
<p:dialog header="Courses" modal="true" showEffect="clip" widgetVar="dlg" resizable="true">
<p:outputPanel id="display-courses">
<p:dataList value="#{manyCheckBox.selectedCourse}" var="example">
<f:facet name="header">
Course Name
</f:facet>
#{example}
</p:dataList>
</p:outputPanel>
</p:dialog>
</h:form>
</h:body>
</html>

ManagedBean

// ManyCheckBox.java

package com.javatpoint;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class ManyCheckBox {
private String[] selectedCourse;
public String[] getSelectedCourse() {
return selectedCourse;
}
public void setSelectedCourse(String[] selectedCourse) {
this.selectedCourse = selectedCourse;
}
}

输出

下一主题Primefaces SelectOneButton

PrimeFaces SelectManyCheckbox

ManyButton 属性

皮肤

示例

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 SelectManyCheckbox

ManyButton 属性

皮肤

示例

JSF 文件

ManagedBean

相关帖子

PF BreadCrumb

PF NotificationBar

PF Inplace

PF TabView

PF BooleanButton

PF Knob

PF Calendar

PF AreaChart

PF Editor

PF ConfirmDialog

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器