PrimeFaces SelectBooleanCheckbox

17 Mar 2025 | 阅读 2 分钟

PrimeFaces 提供了 <p:selectBooleanCheckbox> 组件来创建布尔复选框。 它用于从用户那里获取布尔值。 它是标准复选框的扩展版本,具有主题集成。

SelectBooleanCheckbox 属性

下表包含 SelectBooleanCheckbox 组件的属性。

属性默认值返回类型描述
idnullString它是组件的唯一标识符。
renderedtrueBoolean它用于呈现组件。 它接受布尔值。
bindingnullObject它用于设置一个表达式,该表达式映射到支持 bean 中的服务器端 UIComponent 实例
nullObject它用于设置组件的值,引用列表。
转换器null转换器/字符串它用于设置定义组件转换器的文本。
必需falseBoolean用于将组件设置为必需。
widgetVarnullString它是客户端小部件的名称。
disabledfalseBoolean它用于禁用组件。
labelnullString它用于设置用户可呈现的名称。
onchangenullString它用于在值更改时调用脚本。
stylenullString它用于设置组件的 CSS。
styleClassnullString它用于设置容器的样式类。
itemLabelnullString它用于设置显示在复选框旁边的标签。
tabindexnullString它用于为 Tab 键导航设置 tab 顺序。
onfocusnullString它用于在复选框获得焦点时执行脚本。
onblurnullString它用于在复选框失去焦点时执行脚本。
titlenullString它用于设置工具提示信息。

SelectBooleanCheckbox 美化属性

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

示例

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

JSF 文件

// boolean-checkbox.xhtml

ManagedBean

// BooleanCheckbox.java

输出

Primefaces Selectbooleancheckbox 1

它显示消息,当我们像下面那样选中它时。

Primefaces Selectbooleancheckbox 2
下一主题PrimeFaces 日历