srcmini本文概述
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));
}
}输出
当我们在下面检查时, 它显示消息。
评论前必须登录！
注册