PrimeFaces InputSwitch用法 _PrimeFaces组件

本文概述

InputSwitch属性
例子

它用于从用户输入布尔值作为输入。这是一个可切换为开或关的按钮。我们可以使用< p：inputSwitch> 组件创建它。它还提供了下表中列出的各种属性。
InputSwitch属性

Attribute	Default value	Type	Description
onLabel	on	String	用于设置打开状态的标签。
offLabel	off	String	用于将标签设置为关闭状态。
label	null	String	用于设置组件的标签。
disabled	null	String	用于禁用或启用开关。
onchange	false	Boolean	它用于在值更改事件上调用客户端脚本。
style	null	String	用于设置主容器的内联CSS。
tabindex	null	String	它指定元素的制表符顺序。
showLabels	null	String	用于设置标签的可见性。
onfocus	null	String	当组件获得焦点时执行。
onblur	null	String	当组件失去焦点时执行。

例子在下面的示例中, 我们正在实现< p：inputSwitch> 组件。本示例包含以下文件。
JSF文件
// switch.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> Switch< /title> < /h:head> < h:body> < h:form> < h:panelGrid columns="2" style="margin-bottom:10px" cellpadding="5"> < h:outputText value="http://www.srcmini.com/Set Alarm ON/OFF:" /> < p:inputSwitch value="http://www.srcmini.com/#{switchDemo.value}" /> < /h:panelGrid> < p:commandButton value="http://www.srcmini.com/Submit" icon="ui-icon-check" /> < /h:form> < /h:body> < /html>

ManagedBean
// SwitchDemo.java

package com.srcmini; import javax.faces.bean.ManagedBean; @ManagedBeanpublic class Slider {private int value; public int getValue() {return value; }public void setValue(int value) {this.value = http://www.srcmini.com/value; }}

【PrimeFaces InputSwitch用法】输出