PrimeFaces SelectCheckboxMenu

17 Mar 2025 | 阅读 2 分钟

它用于选择显示在覆盖层中的多个项目。我们可以使用<p:selectCheckboxMenu>组件来创建它。它在覆盖层中显示选项。它提供以下属性。

SelectCheckboxMenu属性

属性	默认值	返回类型	描述
id	null	String	它是组件的唯一标识符。
rendered	true	Boolean	它用于呈现指定的组件。
binding	null	Object	它绑定一个表达式，该表达式映射到支持 bean 中的服务器端 UIComponent 实例。
值	null	Object	它用于设置组件的值。
转换器	null	转换器/字符串	它用于为组件定义转换器。
必需	false	Boolean	它用于将组件标记为必需。
requiredMessage	null	String	它用于设置在必需字段验证失败时要显示的消息。
style	null	String	用于设置组件的内联样式。
onShow	null	String	它是在显示覆盖层时执行的方法。
onHide	null	String	它是在隐藏覆盖层时执行的方法。
multiple	false	Boolean	它用于将选定的项目设置为多个标签。

Ajax行为事件

SelectCeckboxMenu除了change, selectCheckboxMenu等常见dom事件之外，还提供Ajax事件。

事件	监听器参数	已执行
toggleSelect	org.primefaces.event.ToggleSelectEvent	当切换所有复选框更改时。

示例

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

JSF 文件

// calendar.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>Checkbox Menu</title>
</h:head>
<h:body>
<h:form>
<h:panelGrid columns="2" cellpadding="5">
<h:outputLabel for="menu" value="Select Cities: " />
<p:selectCheckboxMenu id="menu" value="#{checkboxMenu.selectedCities}" label="Cities"
filter="true" filterMatchMode="startsWith" panelStyle="width:250px">
<f:selectItems value="#{checkboxMenu.cities}" />
</p:selectCheckboxMenu>
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// CheckboxMenu.java

package com.javatpoint;
import java.util.ArrayList;
import java.util.List;
import javax.annotation.PostConstruct;
import javax.faces.bean.ManagedBean;
@ManagedBean
public class CheckboxMenu {
private String[] selectedCities;
private List<String> cities;
@PostConstruct
public void init() {
cities = new ArrayList<>();
cities.add("Greater Noida");
cities.add("New Delhi");
cities.add("Paris");
cities.add("Tokyo");
cities.add("Newyork");
cities.add("Moscow");
cities.add("Rome");
cities.add("California");
cities.add("Shanghai");
}
public String[] getSelectedCities() {
return selectedCities;
}
public void setSelectedCities(String[] selectedCities) {
this.selectedCities = selectedCities;
}
public List<String> getCities() {
return cities;
}
}

此JSF应用程序产生以下输出。

输出

我们可以看到它允许我们从菜单中选择多个项目。

下一主题PrimeFaces 编辑器

PrimeFaces SelectCheckboxMenu

SelectCheckboxMenu属性

Ajax行为事件

示例

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 SelectCheckboxMenu

SelectCheckboxMenu属性

Ajax行为事件

示例

JSF 文件

ManagedBean

相关帖子

PF ColorPicker

PF Inplace

PF ProgressBar

PF PieChart

PF SplitButton

PF Button

PF Knob

PF BooleanButton

PF FieldSet

PF SelectManyCheckbox

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器