PrimeFaces SelectBooleanCheckbox实例

本文概述

  • SelectBooleanCheckbox属性
  • 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="http://www.srcmini.com/Do you play Cricket:" /> < p:selectBooleanCheckbox value="http://www.srcmini.com/#{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; @ManagedBeanpublic class BooleanCheckbox {private boolean value; public boolean isValue() {return value; }public void setValue(boolean value) {this.value = http://www.srcmini.com/value; }public void addMessage() {String summary = value ?"Checked" : "Unchecked"; FacesContext.getCurrentInstance().addMessage(null, new FacesMessage(summary)); }}

输出
PrimeFaces SelectBooleanCheckbox实例

文章图片
【PrimeFaces SelectBooleanCheckbox实例】当我们在下面检查时, 它显示消息。
PrimeFaces SelectBooleanCheckbox实例

文章图片

    推荐阅读