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

PrimeFaces SelectBooleanCheckbox实例

本文概述

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

SelectBooleanCheckbox属性

下表包含SelectBooleanCheckbox组件的属性。

Attribute Default value 返回类型 Description
id null String 它是组件的唯一标识符。
rendered true Boolean 它用于渲染组件。它需要布尔值。
binding null Object 它用于设置一个表达式, 该表达式映射到支持bean中的服务器端UIComponent实例。
value null Object 用于参考列表设置组件的值。
converter null Converter/String 它用于设置为组件定义转换器的文本。
required false Boolean 用于根据需要制作组件。
widgetVar null String 它是客户端小部件的名称。
disabled false Boolean 用于禁用组件。
label null String 用于设置用户可显示名称。
onchange null String 它用于在值更改时调用脚本。
style null String 用于设置组件的CSS。
styleClass null String 用于设置容器的样式类。
itemLabel null String 用于设置复选框旁边显示的标签。
tabindex null String 它用于指定选项卡键导航的选项卡顺序。
onfocus null String 当复选框获得焦点时, 用于执行脚本。
onblur null String 当复选框失去焦点时, 用于执行脚本。
title null String 用于设置工具提示信息。

SelectBooleanCheckbox外观属性

Style Class Applies
.ui-chkbox 它是主要的容器元素。
.ui-chkbox-box 它是复选框图标的容器。
.ui-chkbox-icon 用于复选框图标。

例子

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

JSF文件

// boolean-checkbox.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">
<h:head>
<title>Boolean Checkbox</title>
</h:head>
<h:body>
<h2>Boolean Checkbox</h2>
<h:form>
<p:growl id="check-msg" />
<h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5">
<h:outputText value="Do you play Cricket: " />
<p:selectBooleanCheckbox value="#{booleanCheckbox.value}">
<p:ajax update="check-msg" listener="#{booleanCheckbox.addMessage}" />
</p:selectBooleanCheckbox>
</h:panelGrid>
</h:form>
</h:body>
</html>

ManagedBean

// BooleanCheckbox.java

package com.srcmini;
import javax.faces.application.FacesMessage;
import javax.faces.bean.ManagedBean;
import javax.faces.context.FacesContext;
@ManagedBean
public class BooleanCheckbox {
private boolean value;
public boolean isValue() {
return value;
}
public void setValue(boolean value) {
this.value = value;
}
public void addMessage() {
String summary = value ? "Checked" : "Unchecked";
FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(summary));
}
}

输出

Primefaces SelectBooleanCheckbox实例1

当我们在下面检查时, 它显示消息。

Primefaces SelectBooleanCheckbox实例2
赞(0) 打赏
未经允许不得转载:srcmini » PrimeFaces SelectBooleanCheckbox实例
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

微信扫一扫打赏